tomitaku.net

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

2013-04-02 気になったこと、もの blog

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

scheme

出典:COLOUR CODE

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

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

mono

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

mono

出典:COLOUR CODE

mono-d(mono & dark gray)

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

mono-d

出典:COLOUR CODE

mono-l(mono & light gray)

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

mono-l

出典:COLOUR CODE

ana(analogic)

色相、明度が近く調和のとれた配色

ana

出典:COLOUR CODE

comp(complement)

補色を取り入れた配色

comp

出典:COLOUR CODE

ana-c(analogic & complement)

色相、明度が近く、配色を取り入れた配色

ana-c

出典:COLOUR CODE

triad

色相を3等分した配色

triad

出典:COLOUR CODE

quad

色相を4等分した配色

quad

出典:COLOUR CODE