Dataviz Color Generator

Color Doctor

持ち込んだパレットを 5 検査 × light/dark で検証する。どのペアが、どの視覚型で、どれだけ足りないかを名指しする。

#1#4e79a7
#2#f28e2b
#3#59a14f
#4#e15759
#5#b07aa1
チャート形状
サーフェス

判定

✕ FAIL あり
検査lightdark
明度帯
モードの L 帯域内か(自動反転しない)
dark:
#2 0.74(閾値 0.48–0.67)
PASSFAIL
彩度下限
グレーに見えて識別に効かなくなる下限
light:
#1 0.09#5 0.09(閾値 0.1)
dark:
#1 0.09#5 0.09(閾値 0.1)
FAILFAIL
CVD 識別
protan/deutan 後の最小 ΔE。8 未満は副次エンコーディング要
light:
#3 と #4 がdeutanで ΔE 0.7(下限 8)
参考: tritan 最小 ΔE 14.8(判定には使わない)
dark:
#3 と #4 がdeutanで ΔE 0.7(下限 8)
参考: tritan 最小 ΔE 14.8(判定には使わない)
FAILFAIL
通常視識別
最悪ペア ΔE(ハードゲート)
light:
#4 と #5 が通常視で ΔE 12.8(下限 15)
dark:
#4 と #5 が通常視で ΔE 12.8(下限 15)
FAILFAIL
対サーフェス比
WCAG 3:1。WARN 止まりで却下しない
light:
#2 2.36(閾値 3)
WARNPASS

CVD シミュレーション

light
通常視
protan(1 型)
deutan(2 型)
tritan(3 型)
dark
通常視
protan(1 型)
deutan(2 型)
tritan(3 型)

実マークプレビュー

light サーフェス
折れ線 2px
点 8px
ノード(ノードリンク図)
棒
積み棒
面(半透明)
dark サーフェス
折れ線 2px
点 8px
ノード(ノードリンク図)
棒
積み棒
面(半透明)