たりぽすメインビジュアル2作目5月25日変更

たりぽすブログ

  • しのはら

  • このエントリーをはてなブックマークに追加

色に関する8つの便利なサイトまとめ

しのはら

bi21b

こんにちは、しのはらです。

今回は色に纏わるサイトをまとめて紹介させていただきます。
イラストやデザインの配色の参考や、ネーミングの参考になる、素晴らしいサイトばかりです。
よろしくお願いします。

色図鑑系

色と、色の名前、カラーコードを確認することができるサイトです。

◆WEB色見本 原色大辞典 – HTMLカラーコード

1

→ WEB色見本 原色大辞典 – HTMLカラーコード ( http://www.colordic.org/ )

カラーコードと名前が表になっているとても見やすいサイトです。

また、今回原色大辞典と紹介しましたが、コンテンツとして
・和色大辞典
・洋色大辞典
・web216(Webセーフカラー216色と、カラーコード)
などがあります。

また、言葉からストライプ画像を生成してくれる、『ストライプメーカー』などもあります。

→ ストライプメーカー – 「コトバ」から「ストライプ」、お作りします。

試しに『たりぽす』という言葉で生成してみました。
2
→ ストライプメーカー – 「たりぽす」から「ストライプ」、お作りしました。

◆NIPPON COLORS – 日本の伝統色

3

NIPPON COLORS – 日本の伝統色 ( http://nipponcolors.com/ )

日本の伝統色を美しいデザインで調べることができます。
それぞれの色の名前をクリックすることでページが変わります。
色の名前と読み、CMYKやRGB、RGBにカーソルを置くことでカラーコードがわかります。

さらに右端のMUNSELLをONにすることで特殊な画面に変わります。
4
おそらくMUNSELLはマンセル色立体から来ているのかな、と思います。

配色補助サイト

配色を決める際に、補助として使うことができるサイトです。

◆Colordot – A color picker for humans

5

Colordot – A color picker for humans ( http://color.hailpixel.com )

シンプルな操作で配色作成ができます。

マウスを動かし、好きな色が出てきたらクリック。
その繰り返しで配色を作っていくことができます。

◆[ HUE / 360 ] The Color Scheme Application

6

[ HUE / 360 ] The Color Scheme Application ( https://hue360.herokuapp.com/ )

相性が良い色から色を選択していくことができます。

色の明るさを選んでから、1色選択することで、相性の良い色のみに絞られたパレットが表示されます。
選択していくことで、画面下に選んだ色が表示されます。

◆Coolors – The super fast color schemes generator!

10

Coolors – The super fast color schemes generator! ( https://coolors.co/app/ )

スペースキーを押すごとに5色の配色が自動生成されます。

また、色にカーソルをあわせることで1色単位の調整、色のロックができます。
上のメニューバーでは戻るボタンや、○の記号から色合いをずらす、暗くするなど、『全体的な色合いの調整』の呼び出しなどの機能が使えます。

配色参考用サイト

参考になるカラーパレットを見ることができるサイトです。

◆Adobe Color CC

8

→ 探索 | 人気の高い順 – Adobe Color CC ( https://color.adobe.com/ja/explore/most-popular/?time=all )

有名なAdobeの配色サイト『Adobe Color CC』ですが、今回は探索機能の方を紹介させていただきます。
この探索では他の方が作ったカラーパレットを見ることができ、さらに今までの中で人気の高い順、今週の人気の高い順、などの順番で探すことができます。

◆Coolors browser

7

→ Coolors browser ( https://coolors.co/browser )

先程紹介した自動で配色を作成してくれる、Coolorsのサイトの一部で、こちらも人気のある5色のパレットを見ることができます。

◆Color Hunt

9

Color Hunt ( http://colorhunt.co/ )

4色のカラーパレットが沢山登録されているサイトです。
ハートボタンを押すことで投票ができる、わかりやすいシンプルなサイトです。
おしゃれで可愛い雰囲気のサイトです。

人気順(popular)も可愛い配色が多い気がします。
popular ( http://colorhunt.co/popular )

◆COLOUR lovers

Color Trends + Palettes :: COLOURlovers ( http://www.colourlovers.com/ )

簡単に説明すると、色専用SNSといったところでしょうか。
英語が読めず、詳しい機能についての解説ができないため、外部の紹介をリンクしておきます。

カラーパレットのランキング投稿サイト「COLOURlovers」 – GIGAZINE
( http://gigazine.net/news/20070222_colourlovers/ )

おわりに

以上、色に纏わる便利なサイトの紹介でした。
今回は簡単な紹介だったため、ぜひ、実際のサイトで細かい機能を確認してみてください。

ありがとうございました。

Pocket

スポンサードリンク

スポンサードリンク

スポンサードリンク

スポンサードリンク