カラーコード検索・変換
HEX・RGB・HSLを相互に変換し、 色彩データや近い色名、日本の伝統色まで調べられます。
カラーコード一覧｜CSS基本16色
Web標準で定義されているCSS基本16色です。色名またはカラーコードをクリックすると、上の変換ツールでHEX・RGB・HSL・Labなどを確認できます。
※ この一覧はCSSの基本色名とHEX値です。JIS慣用色名、日本の伝統色、印刷色、実物素材の色とは別の基準です。
2色・3色を混ぜて中間色を計算
HEXを変換するだけでなく、2色・3色を比率指定で混ぜたい場合は専用シミュレーターを使えます。sRGBとLinear RGBの違いも比較できます。
写真・画像の「この点の色」を調べる
カラーコードが分からない実物写真から、まずHEXを取り出したいときに使えます。 画像をアップロードしてカーソルを合わせると、元画像のその1pxのHEX・RGB・HSLをリアルタイムで確認できます。ルーペと周辺平均にも対応しています。
HEX・RGB・HSLを調べる・変換する
分かっているカラーコードを入力して形式を変換し、近い色名まで確認できます。画像や画面からコードを取得したい場合は専用ツールへ進めます。
カラーコードを調べるときによくある質問
HEX・RGB・HSLは相互に変換できますか？
はい。このページではHEX・RGB・HSLを確認しながら変換できます。
画像に使われているカラーコードを調べるには？
画像から色を調べるツールへ画像を読み込み、知りたい場所をクリックすると、その位置のカラーコードを確認できます。
Webサイト上の色を直接調べられますか？
PC版Chrome・Edgeなどの対応環境では、画面スポイトツールから画面上の色を取得できます。
CMYKについて調べたい場合は？
CMYKは印刷用途の色表現で、画面表示のRGBとは用途が異なります。CMYKの仕組みや数値を確認したい場合は、CMYKとは？、CMYK色見本、入稿前の確認には印刷カラー・プリフライトをご利用ください。
RGBカラーコードを調べる
RGBの数値が分かっている場合は、その値から色を確認できます。HEXへの変換や、近い色名・色見本の確認にもつなげられます。
RGBカラーコードについてよくある質問
RGBカラーコードとは何ですか？
赤（R）・緑（G）・青（B）の3つの数値で色を表す方法です。一般的には各値を0〜255で指定します。
RGBからHEXへ変換できますか？
はい。このページでRGBとHEXを確認しながら変換できます。
RGBカラーコードの一覧はありますか？
RGBカラーコード一覧で、代表色のRGB値・HEX・色見本をまとめて確認できます。すべての登録色を探す場合はカラーコード一覧をご利用ください。
画像のRGB値を調べるには？
画像カラーピッカーで知りたい場所を選ぶと、その位置のRGB・HEX・HSLを確認できます。
入力した色を、色空間をまたいで数値化
Web用sRGBの代表HEXをD65基準でXYZ・Lab・LCh・LUV・xyYへ変換し、Hunter Lab・10進数・Binaryまで横断表示します。
X 22.6244 / Y 22.2953 / Z 40.6398
L* 54.339 / a* 6.6872 / b* -22.7253
L* 54.339 / C* 23.6888 / h° 286.3972
L* 54.339 / u* -6.2865 / v* -34.8988
x 0.264429 / y 0.260583 / Y 22.2953
L 47.2179 / a 2.8966 / b -17.9775
7897257
01111000 10000000 10101001
ここでの値は代表HEXをsRGBとして変換した参照値です。実物・印刷物・測色器の実測値や分光反射率を意味しません。厳密な研究ではObserver・Illuminant・白色点・測定条件を明示してください。
Lab・LCh・LUV・XYZ・xyYからHEXへ逆変換
研究資料や測色値として持っている数値をsRGBへ変換します。sRGB色域外の値は表示可能範囲へクリップし、そのことを警告します。
RGB 119, 119, 119