BLOG

カラーに関すること

サイトでもブログでも、避けては通れないのが、カラーですね。

センスがあるならいいですが、WEB上でとなると結構カラーは難しく、オリジナルの配色はダサくなりがち。

なのでカラー面をサポートしてくれる色々なツールがあります。

私はこれまで、カラーハントからヒントをもらうことが多々ありました。

ご覧の通り、おしゃれな色の組み合わせを4色でまとめてくれているんですね。

例えばボタンを新たに作る時、すでに気に入っているサイトの雰囲気に合わせるために、カラーハントの組み合わせが参考になるかもしれません。

リンク(アンカーリンク)の色を変えるのもいいでしょう。

また、「この色が素敵…」と思うページを見つけたなら、カラーピッカーで色を調べることができます。

通常、色を指定するのは#から始まるカラーコード(16進数)を用いてますので、好きな色のカラーコードが分かることで、好きな色そのままを指定することができます。

私はパソコンでしか作業はしませんので、使っているのはスポイト君。かなり有名、王道の無料ツール。
※ダウンロードツールは必ず動作OSを確認しましょう。

好きな色の上にカーソルを合わせるだけで、どんな色のカラーコードもすぐに分かるので、イメージさえあれば色の指定に手間を取ることはありません。

ちなみに、スムーズではないですが、iPadやiPhoneの機能にもカラーコードが分かる方法があります。

お気に入りの色をスクショなどして画像に保存し、画像の編集からペンの機能を選択。

色んなペンと共に並んでいるカラーを開くと、右上にスポイトのマークがありますので選択。

知りたい色の上にカーソルを移動し指を話すと、カラー情報が出てきますので「スライダ」ページに切り替えていただくと、16進数カラー値として、6桁の英数字が分かるようになっています。

手っ取り早く垢抜け感を出したいなら、原色は避けること。

カラーハントの様に、ひとつのサイトに使う色を4~5色に留めるのが、ここしばらくのおすすめと言えるでしょう。

「ブルー系が好きで、それ以外のこだわりはない」とかなら、Adobe Colorもいいです。

カラーハーモニーを色々と教えてくれるので、曖昧だったイメージが固まりやすくなるのではないでしょうか。