役割で選ぶ
背景・文字・メイン・サブ・アクセントの5色に絞り、迷いを減らします。
YOUR COLOR WORKSPACE
配色をつくる
好きな色を選ぶだけで、デザインに合う配色を提案します。
REAL-WORLD PREVIEW
5色を使った見本使ったときの見え方
サンプルは5色だけで描いた幾何学模様です。配色を変更するとすべての模様に反映されます。見本を押すと拡大できます。
CURRENT PALETTE
今の配色 Soft Indigo
色を押すとHEXをコピー。鍵マークで固定。選択色は「メイン」にそのまま使います。
YOUR COLLECTION
お気に入りの配色
保存した配色は、このブラウザに残ります。
色を決める、その先まで。
見本で確かめる
幾何学サンプル、Web、スライドを切り替え、色の相性を確認。
そのまま使う
HEX・CSS変数・SVG画像で、制作にすぐ持ち込めます。