MUND.com

Little more MUNDY. 気になるあれこれまとめてます

【眼福】私が実際に使っているカラーパレットツール

f:id:kkotrip:20180917093806p:plain

 

美しい色って、見ているだけで幸せになれますよねえ…。

今回は私が実際に使っているカラーパレットツールをご紹介します。
実際に普段使いしているツールだけなのがミソです。

WEBデザインだけでなく、ファッションやネイルの配色にも使えるのでチェックしてみてください。

WebGradients

f:id:kkotrip:20180917093722p:plain

綺麗なグラデーションのcssをコピペでゲットできてしまうツール 。

▼「Cloudy Apple」とか「Healthy Water」とか、名前を見ているだけでも胸がときめきます。何個か気に入った配色名をメモしました。

f:id:kkotrip:20180917093730p:plain

webgradients.com

 

Web Colour Data

f:id:kkotrip:20180917093712p:plain

ド定番のツールですが、かっこいいデザインのサイトがあったらこれで色を抽出して真似しましょう。

urlを入れるだけで、そのサイトで使われている色をリスト化してくれるツールです。

http://webcolourdata.com/

 

Coulourcode

f:id:kkotrip:20180917093737p:plain

これも定番。画面上でカーソルを動かすと色がクルクル変わるので、お気に入りの色があったら色コードをピックしましょう。

▼グラデパターンもいくつかあり、各言語でのコードの取得もできます。

f:id:kkotrip:20180917093743p:plain

colourco.de

 

Khroma

f:id:kkotrip:20180917093812p:plain

▼好きな色を直感的に50色選ぶと、AIが学習して色々な配色パターンを作ってくれるスゴいツール。文句なし!

f:id:kkotrip:20180917093749p:plain

 

▼50色というと多そうですが、なんとなく好きな色をどんどんクリックしていけば時間はかかりません。

f:id:kkotrip:20180917093755p:plain

ただ同じ色(シアンばっかりとか)を選んでいると、「マゼンタやイエロー系ももっと選んで!」とアドバイスが出ます。

 

▼結果は文字パターンやグラデ、グラフィックなど複数パターンに切り替えて見れます。f:id:kkotrip:20180917093800p:plain

 

▼いやんめちゃ好み

f:id:kkotrip:20180917093806p:plain

khroma.co

 

あとは定番カラーピッカーをひとつ使えば十分でしょう。ということでさっくりですが、配色ツールのご紹介でした。

 

www.kkomund.com