ブログ/HP作成

サイトやジャケット作りにも使える!オススメの色選びサイト

投稿日:2017-02-23 更新日:

 

るしる(@aromusica)です。

今日は私が使っている便利ツールをご紹介します。

  • 曲のジャケット
  • ホームページ
  • ブログ

など、ネットで活動する上で使う

 

 

オシャレ〜にするためにも、この色選びは重要!

色を見るだけでも楽しいので是非参考にしてみてくだされ。

 

スポンサーリンク

色に番号があるのを知っておくと便利。

まず紹介する前に、カラーコード(色の番号)があります。

パソコンで色を使った編集をするときに超絶使うので、好きな色はメモしておきましょう。

 

#〇〇〇〇〇〇

 

#英数6文字です。

 

毎回調べるよりも、メモしてコピペできる状態にしておくと作業時間短縮できるし、いざという時、その色がまた作れるとは限らないw

 

色の教科書

私がサイトの色や曲のジャケットの色、とにかく何か作るときに使うサイトはこちら

色見本と配色サイト - color-sample.com
トップページにあるカラーパレットで色を作り、カラーコードを調べる。似たような色や、求めてる色も微妙な違いの中から見つけることが出来ます。

色の名前とかも好きです(笑)詞で使えそう。

 

色の参考書。情報量が圧倒的

基本的には1色選ぶだけで、たくさんの組み合わせを知ることが出来る。

その量が膨大。

 

しかも、「マンガ配色検索」「旅する配色見本」というメニューもあるが、そちらに行くと、色選びに迷うぐらい(笑)特に色が決まってなければ、ここで探す。

配色の見本帳 | キーカラーで選ぶ配色パターン - 色見本とHTMLカラーコード

 

【2色選び】文字との絡みもチェックできる

 

 

「random a11y」は、サイトを開くだけでランダムで2色表示され、文字と背景の相性を一発で見れるサイト。

random a11y

ロゴものはシンプルな方がいいし、自分で考えるより、スタイリッシュなの提案してくれます。色で悩む時間なんてムダかのようにサクサク選べるよ!

 

「NEXT」をクリックすれば色が変わります。

CSSコードも生成されるので、サイト作りにもありがたい。

 

 

【5色選び】スキー、キラーイだけで選べる

 

 

「Palettable」は、「好き」「嫌い」を選択するだけで、5色選んでくれる簡単サイト。

Palettable

 

サイトに行くとランダムで色表示されるので、

 

[D] Dislike 嫌い

[L] Like      好き

 

どちらかを選ぶだけ。

 

選んだ色に対して、これはどう?と新たに色を提案してくるので、それに対して好き嫌いを示すだけ。

 

2色目以降に

[←] Remove

が表示されます。1つ前の色を選び直したいときは、このボタンで戻るだけ。

 

サイトの色選びが簡単にできる。

「ウェブ配色ツール Ver2.0」はサイト作りの色選びにもってこいです。
ウェブ配色ツール Ver2.0
画面右の設定画面で色や明るさなどを決めると、

  • 全体背景
  • メニュー
  • 見出し

などの色を設定してくれます。バランスの取れた配色なのでキレイ。

 

まとめ

何気に色の組み合わせってビシッ!と決まらない。選んで迷ったりする。

 

ブログでいうと基本3色ぐらいはガッツリ決め込んでメモしておくと、カスタマイズするときもラクなので色サイトも結構大事なツールです。

曲のジャケットは毎回カラーが違ってくるし、時間短縮のためにもこのサイトを使ってガンガン作品作っちゃってくださいませ。

 

本もたくさんあります。こちらの本は見てるだけで癒される(笑)

色だけでなく、色の名前ってインスピレーション湧くから大好きです。

 

 

この記事が気に入ったら
いいね ! しよう

Twitter で

    関連記事    


-ブログ/HP作成
-,

Copyright© るしるし , 2017 All Rights Reserved Powered by AFFINGER4.