Color Generator
テーマを入れて完成した配色から選ぶだけ。色を自分で決めたいときは「色から作る」へ。型は用途から推定し、手で上書きもできる。
型
テーマから「連続」と推定。違えばここで変えられます。生成された配色(7色・light)
各色をクリックで変更できます。
#1#dee5ee
#2#b4c8dd
#3#7aabde
#4#3b8dda
#5#146fbb
#6#065390
#7#033966
検証
| 検査 | light | dark |
|---|---|---|
明度単調性 L が一方向に単調(明→暗)か | PASS | PASS |
隣接ステップ差 隣接する段の ΔL が識別下限以上か | PASS | PASS |
最明ステップ比 最も明るい段の対サーフェス比。WARN 止まり light: #1 1.24(閾値 2) | WARN | PASS |
色相の広がり 色相のばらつきが上限以内か | PASS | PASS |
色覚シミュレーション(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
ノード(ノードリンク図)
棒
積み棒
面(半透明)
書き出し
#dee5ee
#b4c8dd
#7aabde
#3b8dda
#146fbb
#065390
#033966