カラーパレット

1色選ぶだけで配色案を自動生成 → HEXコピー・画像で保存できます

パレット(クリックでHEXをコピー)

🖼 パレットをPNG保存
※ 生成はブラウザ内で完結します。

設定

HEX(#RRGGBB)を直接入力してもOK。カラーピッカーからも選べます。

🌈 カラーパレットの使い方(3ステップ)

  1. 基準色を選ぶ — カラーピッカーかHEX入力で1色決めます(🎲でランダムも)。
  2. 配色案を見る — 補色・類似色・トライアド・濃淡のパレットが自動生成されます。
  3. コピー・保存 — 色をクリックでHEXコピー。パレット全体はPNG画像で保存できます。

よくある質問

それぞれの配色はどう使い分けますか?

補色=目立たせたいアクセントに、類似色=まとまり重視のデザインに、トライアド=にぎやかでバランスの良い3色構成に、濃淡=同系色の階調(背景/文字の強弱)に向いています。

RGB値でもコピーできますか?

「全HEXをコピー」した内容にHEXとRGBの両方を含めています。1色クリックのコピーはHEXです。

作ったパレットはどこかに保存されますか?

いいえ。ページを閉じると消えるので、気に入ったパレットはPNG保存かHEXコピーで残してください。