WEBLOG

わたくし的備忘録。

もう配色には困らない!?オンラインで使えるシンプルな操作性のカラースキームツール

colissさんで紹介されていたカラースキームツールが超絶便利だったので備忘録としてエントリ。配色ツールの類では一番使いやすい!簡単に使用方法をまとめておきますのでぜひ使ってみてください。

scheme

COLOUR CODE

画面上でマウスを動かして色を選択します。
→左右に動かすと色相を変更
→上下に動かすと明度を変更
→マウスホイールをスクロールすると彩度を変更

決定した色をロックしてSCHEME MODEを変更します。詳しいスキームの説明は以下にまとめましたのでご覧ください。

 
mono
色相を統一し明度を変えた配色
mono

 
mono-d(mono & dark gray)
monoに明度の低い無彩色(グレー)を加えた配色
mono-d

 
mono-l(mono & light gray)
monoに明度の高い無彩色(グレー)を加えた配色
mono-l

 
ana(analogic)
色相、明度が近く調和のとれた配色
ana

 
comp(complement)
補色を取り入れた配色
comp

 
ana-c(analogic & complement)
色相、明度が近く、配色を取り入れた配色
ana-c

 
triad
色相を3等分した配色
triad

 
quad
色相を4等分した配色
quad