カラーパレット ジェネレーター
HSL色空間を使い、補色・トライアディック・アナロガス・スプリット補色・モノクロマティックのパレットを生成します。色をクリックするとHEXコードをコピーできます。
基準HEX色をHSLの色相回転や明度変更で処理し、5種類のシンプルなカラーハーモニーパレットを生成します。
カラーパレットを作る方法
- 3桁または6桁のHEX色を選択・入力します。
- Complementary、Triadic、Analogous、Split-complementary、Monochromaticから選びます。
- スウォッチまたはCopy AllでHEX値をコピーします。
計算方法
Complementary、Triadic、Analogous、Split-complementaryはHSLの色相を回転し、彩度と明度を維持します。
Monochromaticは色相と彩度を維持し、6段階の明度を作ります。知覚色モデルやアクセシビリティ最適化ではありません。
プライバシーと制限
計算はブラウザ内で完結します。結果はHSL数学に基づく提案で、コントラスト、ブランド適合、色域、色覚アクセシビリティは検証しません。
Color Palette FAQ
どの種類がありますか？
Complementary、Triadic、Analogous、Split-complementary、Monochromaticです。
3桁HEXも使えますか？
はい。#RGBと#RRGGBBに対応します。
補色はどう求めますか？
HSL hueを180度回転します。
WCAGコントラストも確認しますか？
いいえ。別のContrast Checkerを使ってください。
全色をまとめてコピーできますか？
はい。大文字HEXをカンマ区切りでコピーします。