マウスを動かして直感的にカラースキームを作れるサイト「colourcode」!

2016/08/15

こんにちは。
今回はマウスを動かして直感的にカラースキームを作れるサイト「colourcode」!です。

マウスポインタの位置によってリアルタイムで表示される色が変化し、直感的に色を選ぶ事ができるWebサービスを紹介します。

マウスを動かして直感的にカラースキームを作れるサイト「colourcode」!

colourcode

colourcode2

http://www.colourco.de/

 

「colourcode」の使い方

colourcode

マウスを動かすと表示される色が変わります。
上下で明度、左右で色相、スクロールで彩度を調節する事ができますよ。
気に入った色があったら画面をクリックして保存します。
右側の「+」マークをクリックすると追加の色を選ぶ事ができますよ。
上部のアイコンをクリックすると、lass、sass、png形式で保存できます。

 

配色の設計 ―色の知覚と相互作用 Interaction of Color
配色の設計 ―色の知覚と相互作用 Interaction of Color

 

いかがでしたか。感覚で色を選べるのでいいですね。
以上でマウスを動かして直感的にカラースキームを作れるサイト「colourcode」!でした。

topへ戻る