カラーコード検索・変換
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を確認できます。