Dataviz Color Generator
テーマを入れて完成した配色から選ぶだけ。色を自分で決めたいときは「色から作る」へ。型は用途から推定し、手で上書きもできる。
おすすめの配色型はカテゴリと推定。クリックで採用、下で検証まで確認できる。
思った色が無いときは「色から作る」タブで基準色を自分で指定できる。候補（7色・light 生成）
各色をクリックで変更できます。
#1#128df7
#2#fc2b28
#3#870a93
#4#1dcc93
#5#2312f2
#6#8c3706
#7#ea17bd
検証
| 検査 | light | dark |
|---|---|---|
明度帯 モードの L 帯域内か（自動反転しない） dark: #3 0.45#4 0.75#5 0.45#6 0.45（閾値 0.48–0.67） | PASS | FAIL |
彩度下限 グレーに見えて識別に効かなくなる下限 | PASS | PASS |
CVD 識別 protan/deutan 後の最小 ΔE。8 未満は副次エンコーディング要 | PASS | PASS |
通常視識別 最悪ペア ΔE（ハードゲート） | PASS | PASS |
対サーフェス比 WCAG 3:1。WARN 止まりで却下しない light: #4 2.02（閾値 3） dark: #3 2.07#5 2.02#6 2.21（閾値 3） | WARN | WARN |
容量カーブ
この形状・light の天井 = 7 色（N は天井内）なぜその色数がダメ/OK かは文章でなくこのグラフで分かる。線が閾値を割った N が天井。
色覚シミュレーション（CVD）
CVD = Color Vision Deficiency（色覚特性）。protan（1型・赤）/ deutan（2型・緑）/ tritan（3型・青）での見え方。
light
通常視
protan（1 型）
deutan（2 型）
tritan（3 型）
dark
通常視
protan（1 型）
deutan（2 型）
tritan（3 型）
チャートでの見え方
スウォッチではなく実際のマーク（折れ線・点・棒・積み棒・面）で確認する。細い線や小さな点で色が飛ばないかを見る。
light サーフェス
折れ線 2px
点 8px
棒
積み棒
面（半透明）
dark サーフェス
折れ線 2px
点 8px
棒
積み棒
面（半透明）