Dataviz Color Generator

Color Generator

テーマを入れて完成した配色から選ぶだけ。色を自分で決めたいときは「色から作る」へ。型は用途から推定し、手で上書きもできる。

型

テーマから「連続」と推定。違えばここで変えられます。

生成された配色(7色・light)

各色をクリックで変更できます。

#1#dee5ee
#2#b4c8dd
#3#7aabde
#4#3b8dda
#5#146fbb
#6#065390
#7#033966

検証

検査lightdark
明度単調性
L が一方向に単調(明→暗)か
PASSPASS
隣接ステップ差
隣接する段の ΔL が識別下限以上か
PASSPASS
最明ステップ比
最も明るい段の対サーフェス比。WARN 止まり
light:
#1 1.24(閾値 2)
WARNPASS
色相の広がり
色相のばらつきが上限以内か
PASSPASS
生成対象モード
背景(サーフェス)

色覚シミュレーション(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