グラデーション・カラー

CSSグラデーションをブラウザ上で視覚的に作成。コードをそのままコピーできる定番ジェネレーター。

美しい2色グラデーションのコレクション。好みの配色を選んでCSSコードをすぐ取得できる。

コミュニティ投稿型のグラデーションギャラリー。毎日新しいグラデーションが追加される。

180種類のリニアグラデーションコレクション。PNGとCSSの両方でダウンロード可能。

メッシュグラデーションをビジュアルに編集。モダンなデザインに映える複雑なグラデーションを生成。

グラデーションの方向・色をリアルタイムで調整しながらCSSを出力できるシンプルなツール。

カラーホイールで補色・類似色などを直感的に作成。Adobeツールとの連携も可能な配色ツール。

スペースキー一発でカラーパレットを生成。ロック機能で特定の色を固定しながら微調整できる。

デザイナーが厳選した4色パレットのコレクション。タグ検索やトレンドパレットも確認できる。

実際のデザインに配色を当てはめてプレビューできる、実践的なカラーパレットガイド。

色相環ベースで配色を作成。単色・補色・三角形など複数の配色ルールに対応。

AIが好みの色を学習してパーソナライズされたカラーパレットを提案してくれるツール。

1色を入力するだけで相性の良いパレットを複数パターン自動生成してくれるサービス。

Tailwind CSS向けのカラースケール（50〜950）を任意の1色から自動生成できるツール。