Color Wheel

使い方

1. 色輪の中をクリックまたはドラッグします。角度で色相、中心からの距離で彩度が決まります。
2. 明度スライダーで、色輪とすべてのスウォッチを一緒に明るく/暗くします。
3. 配色を選択：補色・三角・類似・分裂補色。
4. スウォッチをクリックで HEX をコピー。大きいタイルの横のボタンで現在の色をコピーします。

よくある用途

• ランディングページの配色：メイン・ボタン・背景を調和の取れた 1 組で揃える。
• グラフ・ダッシュボードの色：並んでも判別しやすい三角の 1 組を選ぶ。
• ブランドアクセントの確認：補色をブランドのメインカラーに添えて効果を見る。
• 色彩理論の学習：色相のオフセットが 1 組のスウォッチをどう動かすか確認する。

よくある質問

Q: 色輪の色空間は？ A: HSL です。角度が色相、中心からの距離が彩度、スライダーが明度。HEX は sRGB 値です。

Q: 配色の明度は揃いますか？ A: 揃います。配色は色相のみをずらすので、選んだ明度が 1 組全体に保たれ、バランスが取れます。

Q: RGB や HSL 表記でもコピーできますか？ A: スウォッチがコピーするのは HEX のみです。RGB/HSL 表記が必要な場合は、HEX をカラー変換ツールに貼り付けてください。

Q: 色輪の縁が淡くなっているのは？ A: 彩度は縁で最大に達し、その先のピクセルは透明のままです。色輪が真円を保つのはこのためです。