イメージと色みを選ぶだけ!デザインの色決めにカラーを一発検索!

20170313101

コンセプトに沿ったデザインが決まったら、イメージカラーを決めましょう。

イメージと色みを選ぶだけでそれっぽい色をお勧めしてくれる便利なツールをご紹介します。

原色大辞典にアクセス

原色大辞典にアクセスします。

→ 原色大辞典を開く

20170313002

原色大辞典のサイトが開きます。

20170313102

「色を探す」→「色検索」をクリック。

20170313103

色検索のページが開きます。

キーワードから色を検索

検索したい色の色名、読み、16進数のカラーコードから色を検索することができます。

色の名前から検索する

おおまかな色から同系色の色を調べることができます。

20170313104

検索窓に「赤」と入力して🔍(虫めがね)マークをクリック。

20170313105

赤、または赤という名前が付くカラーが検索結果に表示されます。

色と色の名前、16進数のカラーコードを確認できます。

カラーコードから検索する

カラーコードしかわからない時に、実際の色を目で確認することができます。

20170313106

検索窓に「002233」と入力して🔍(虫めがね)マークをクリックすると、カラーコードが「#002233」のHexadecimalという色が表示されます。

色の読みから検索する

色の読みしかわからない場合も色、色名、カラーコードを調べることができます。

20170313107

検索窓に「にびいろ」と入力して🔍(虫めがね)マークをクリックすると、「鈍色(にびいろ)」が表示されます。

イメージと色みから色を検索

色も、色の名前も何も決めていない時は、大体のイメージだけで色を検索することができます。

20170313108

イメージの▼ボタンを押すと、色のイメージを選択するドロップダウンメニューが開きます。

イメージに合うものを選択して🔍(虫めがね)マークをクリックしてください。

下の例では色の違いがわかるように、色みはすべて「赤」としておきます。

あざやかな、派手な

20170313109

明るい、陽気な

20170313110

強い、情熱的な

20170313111

深い、伝統的な

20170313112

楽しい、軽い、さわやかな

20170313113

柔らかい、穏やかな

20170313114

鈍い、くすんだ

20170313115

暗い、大人っぽい

20170313116

柔らかい、やさしい

20170313117

落ち着いた、おとなしい

20170313118

地味な、濁った

20170313119

重い、固い

20170313120

清潔な、冷たい

20170313121

寂しい、しゃれた

20170313122

高級な、フォーマルな

20170313123

指定なし

20170313124

「指定なし」を選択すると、イメージを絞り込むことなく、指定した色みの種類がすべて表示されます。

色みの指定

イメージを指定してから色みを選択すると、一般的な色のイメージが表示されます。

20170313125

色みの種類は、赤・橙・黄・黄緑・緑・青・青紫・紫・赤紫・無彩色・指定なしから選ぶことができます。


これでデザインがもっと楽になるはず。

ぜひ活用しましょう!

関連記事

→ 色指定に16進数のカラーコードを見て探す原色大辞典!Webデザインに便利!

→ イメージに合う配色の組み合わせが一目でわかる!デザインに便利な配色大辞典!

→ カラーコードやカラーピッカーで色を調合!Web上で色を作る便利ツール!

→ Photoshopライクなカラーピッカーで色を探そう!

→ 今日のラッキーカラーは?あなたは何色でできていますか?色の成分解析で遊ぼう!