16進の色配合(カラー Color)、色見本、パレット&変換 - Encycolorpedia

IT業界で長い間仕事をしていると、何かと色の見本、色の16進表現と取り組むことがあります。

ある色について、この色はプログラムやWEBサイトでどう表現するんだろう？ていう時に使える便利なWEBサイトを見つけました。

16進の色配合(カラー Color)、色見本、パレット&変換 - Encycolorpedia

Encycolorpedia( http://encycolorpedia.com/ )です。

エンサイカラーペディアって呼べばよいのでしょうか。

日本語の http://encycolorpedia.jp/ もありますが、トップページだけしか日本語になっていないようです。

ただ、色さえ確認できればいいので英語版で十分です。

使い方はいたってシンプルです。

トップページから、RGBについて16進数の数字、つまり、6個の英数字を入力するだけです。

例えば赤なら、ff0000 を入力して「検索」を押します。

検索した結果は以下の通りです。

ちょっと長いので、Colors from Paint Charts / Paint Brands & Suppliers の後ろにある色サンプルは省略しています。

#ff0000 Color Information 色情報

文字通り、色についての情報です。ちょっと私にはよくわからない情報もあります。

Color Charts　カラーチャート

RGB表現以外に、CMYK、RYBでの色の表現値です。

RGBはRed(赤)、Green(緑)、Blue(青)の3色を使って色を表現します。 WEBの世界では主流です。

CMYKはCyan(シアン)、Magenta(マゼンタ)、Yellow(黄)、Key Plate(キープレート)を使って色を表現します。プリンターでよく使われている色の表現ですね。

RYBはRed(赤)、Yellow(黄)、Blue(青)の3色を使って色を表現します。

Color Blindness Simulation　カラーブランドシミュレーション？

Color Schemes for #ff0000 / Color Combinations & Harmonies　カラースキーマ？

Monochromatic Colors　モノクロマティックカラー？

このあたりになると、パレットが表示されているから何か色を表現しているんだなあっていうぐらいしかわかりません。

ASE(Adobe Swatch Exchange)やGIMPで使えるパレットをダウンロード出来ます。

Related Named Colors　似た名前の色

これは、目的の色に近い色(今回は赤っぽい色)を探すのに便利です。

Color Gradients / Tints and Shades

目的の色から白、または黒へだんだんと変色するときの色表現です。

これもよく使うので便利です。

HTML & CSS / CSS3 Examples　HTMLやCSS/CSS3でのサンプル

WEBページでの色見本で、超便利です。

HTMLで表現されているので、以下のようにそのままカットアンドペーストして使えます。

#ff0000 text shadow

Colors from Paint Charts / Paint Brands & Suppliers

この一覧は、各ベンダーが使う色ブランドでしょうか。

とにかくたくさんあります。

Random Colors　ランダムカラー

単に色をランダムに表示しているだけかな。

Encycolorpediaその他の使い方

トップページから、Web Safe Colors(ウェブセーフ色)、Named Colors(名前付き色)、Extended Colors(拡大色)を調べてみるだけでも、サンプル色を見つけるのに便利です。

この記事、お役に立ちましたら、シェアをお願いします。