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

使い方

1. スウォッチまたは HEX 入力で基準色を選びます。
2. カラースキームを選びます。
3. 色を個別または全部まとめてコピーします。
4. デザインや CSS に活用します。

よくある質問

各スキームの意味は？

補色は色相環の反対側、類似色は隣、トライアド／テトラードは等間隔、スプリットコンプリメンタリーは補色を柔らかく、モノクロマティックは明度のみ変化させます。

どの色空間を使う？

HSL の色相を回転し HEX に再エンコードするため、基準色の彩度・明度が維持されます。

一括コピーできる？

はい — 下部の全コピーボタンでカンマ区切りのリストとしてコピーできます。

アクセシビリティは？

配色規則はアクセシビリティを保証しません。UI テキストはカラーコントラストチェッカーで別途確認してください。

関連ツール