この道具の仕組み
基準色をHSLに変換し、補色は色相+180°、トライアドは±120°、類似色は±30°、トーンは明度を変化させます。
入力と結果の例
入力例
- 入力
- #3478c7・補色
- 結果
- #3478C7 と #C78334
使う前に知っておくこと
- 01入力値や前提条件によって、実際の結果と差が出る場合があります。
- 02重要な判断に使う場合は、元資料や公式情報でも確認してください。
- 03極端に大きい値や長い入力では、ブラウザの数値・処理上限の影響を受けます。
配色パレット生成
配色パレット生成は、基準色から、補色・トライアド・類似色などの配色パレットを生成します。 入力内容はこの端末のブラウザ内で処理し、結果と前提を同じ画面で確認できます。
入力はブラウザ内で処理登録不要最終検証 2026.07.15
入力する
見えている項目だけで使えます。
結果を見る
入力すると、すぐに更新されます。
配色パレット2 色
基準色#3378C7
パレット
生成コードを見る
#3378C7 #C78233
HSL色空間で色相を回転（または明度を変化）させて配色を作ります。CSSやデザインの下地としてお使いください。