Webデザイン

16進数のカラーコードから近い色名を調べる方法

16進数のカラーコードから近い色名を調べる方法

16進数のカラーコードの名前が知りたいときに便利なサイト

例えば「#FFFFFF」で白、「#000000」で黒、というように、16進数のカラーコードは本当に多くの色があります。

ですが1つ1つに決まった色名はなく、あったとしても広範囲の色を指す場合や、文献等によっては解釈が異なる場合もあります。

大雑把にでもいいから16進数のカラーコードの色名が知りたい!というときに便利なサイトを見つけたのでご紹介します。

「Encycolorpedia」

https://encycolorpedia.jp/d2e4b3

encycolorpediaのトップページ

こちらのサイトは、中心の検索バーに16進数のカラーコードを入力すると色の詳しい情報を表示してくれます。

試しに「d2e4b3」と入力してみました。(”#”は必要ありません)

encycolorpediaの検索バーを選択

検索バーにカーソルを当てるとカラーピッカーも出るので便利。

色々な使い方

色を検索して下にスクロールしていくと、以下のような情報がずらっと表示されました。

色のバリエーション

#d2e4b3を反転すると#2d1b4c、25%暗くすると#aecf77など色のバリエーションを教えてくれます。

構成表

RGB、CMYKなどの色の構成も知ることができます。(知ってどうするんだろうという感じもしますが)

名前付き色

もし検索した色に名前が表示されなければ、名前付き色の「密接関係」の部分に似た色が表示されています。

今回検索した色#d2e4b3はどちらかというと「アスパラガスグリーン」でしょうか。

色の名前

もしくは、ページの上部に「緑の明るい色合い」とあります。

こういった風に、16進数カラーコードの大体の色合いを知りたいときにオススメのサイトです。