パレット作成 ホーム

カラーパレットジェネレーター

色をひとつずつ自由に編集し、新しい色の組み合わせを生成。完成したパレットはHEX・CSS・Tailwind・JSON形式で書き出せます。

名前からカラーストーリーパレットを作りたい方はこちら→

こちらも人気の無料ツール

カラータワー配色ブロックを積み上げるカラーパレットゲーム平成レトロ配色ギャルやデコ電、Y2Kの配色と文字なし壁紙色の記憶ゲーム見た色を記憶だけで再現。毎日チャレンジぷっくりシールメーカー名前や絵文字で、つやつやシールを作るスマホ壁紙カレンダー祝日入りの月めくり待ち受けを作る伝統色診断10の質問で、あなたを日本の伝統色にたとえる写真の色を伝統色で写真の5色を、日本の伝統色の名前で表す年賀状メーカー2027未年の年賀状を和柄と伝統色で無料作成セルフィーでパーソナルカラー診断自撮り写真から肌・髪・瞳の色を読み取って判定
無料診断・ツールをすべて見る →

無料のカラーパレットジェネレーター

配色の組み合わせを数秒で作成。スペースキーを押すと新しいカラーパレットが生成され、気に入った色は固定して、残りの色を調整しながら理想の配色を見つけられます。HEXカラーコードをコピーしたり、パレットをCSS・SCSS・Tailwind・JSONで書き出したりして、Webサイト、Figma、Canvaなどあらゆるデザインに使えます。無料で、アカウント登録も不要です。

カラーパレットの作り方

  1. 生成スペースキーまたは「生成」ボタンを押して、新しい配色を表示します。
  2. 固定残したい色は鍵アイコンの「固定」でロックします。
  3. 調整色をタップすると、カラーピッカーで変更したり、移動・削除したりできます。
  4. 書き出しHEXをコピー、画像をダウンロード、またはCSS・SCSS・Tailwind・JSONで書き出します。

できること

その他の配色ツール

画像からカラーパレットを作成カラーパレットを探すコントラストチェッカーグラデーションジェネレーターカラーハーモニー

よくある質問

カラーパレットジェネレーターは無料ですか？

はい。お金もアカウント登録も不要で、好きなだけパレットを作成・保存・書き出しできます。

作った配色をFigma、Canva、CSSで使うには？

各色のHEXコードをコピーしてツールに貼り付けるか、「書き出し」でCSS変数、SCSS変数、Tailwindの設定、JSONファイルを取得してください。

相性のいい色の組み合わせを作るには？

気に入った色を1〜2色固定して残りを生成すると、その色と調和する色をジェネレーターが提案します。「画像から作成」ツールを使えば、写真から配色を作ることもできます。

作ったパレットは保存されますか？

お気に入りに保存したパレットはブラウザに保存されるので、同じ端末から再びアクセスすればいつでも見られます。

パレットを書き出し