統一感のある、区別しやすい色

HSL はすべての色相を同じように扱いますが、人の目は違います。HSL の数値が同じでも、黄色や緑は青よりずっと明るく見えます。このツールは OKLCH で計算するので、明るさが同じなら見た目も同じです。アイコンやグラフの棒がひとつだけ目立つことはありません。

グラフや凡例では、多くの人が6〜8色まではすぐに見分けられます。ラベルを添えれば12色までは使えます。それ以上のカテゴリは、小さいものをまとめるか、ラベル、模様、アイコンを足してください。

パステルとやわらかは、濃い文字を載せるタグやバッジの背景に向いています。あざやかと濃いめは、白い背景のアイコン、グラフの棒や線に向いています。深いとダークは、白い文字を載せるタイルや、ダークテーマのアクセントに向いています。

はい。プレビューでは色ごとに黒か白の文字を選びます。明るい雰囲気には濃い文字、深い雰囲気には白い文字が合います。本文には、コントラストチェッカーで正確な組み合わせを確認してください。

同じレベルの色は色相だけが違い、そこが色覚多様性の方にはいちばん難しい部分です。グラフではラベルや模様を足すか、色覚シミュレーターでセットを確認してください。文字ラベル付きのアイコンなら、たいてい問題ありません。