色
#1E90FFHEX(#1e90ff)か RGB(30,144,255)を入力するか、カラーボックスで選びます。
お使いのブラウザは画面スポイトに未対応です。カラーボックスか入力で指定してください。
近い色名
行をクリックで色名を、HEX チップをクリックでカラーコードをコピーします。
辞書は CSS / X11 の名前付き色(148色)です。照合はすべてブラウザ内で行われ、色はアップロードされません。
「このカラーコードの色名は何?」「#1e90ff に一番近い色の名前を知りたい」「RGB の値から色名を逆引きしたい」というときに使う、カラーコード→色名の検索ツールです。HEX(例 #1e90ff / 短縮 #1cf も可)か RGB(30,144,255 / rgb(30,144,255))を入力するか、カラーボックスで色を選ぶと、CSS / X11 の名前付き色(148色)の中から見た目が一番近い色名を近い順に最大6件まで表示します。一致の度合いは色の見えに近い Lab 色空間の距離(ΔE)で計算しているので、単純な数値の近さではなく「人の目で近い色」を上位に出します。各行をクリックすると色名(例 dodgerblue)が、HEX チップをクリックするとカラーコードがコピーでき、CSS の color 指定やデザインソフトの色名・カラーコード入力にそのまま貼り付けられます。対応ブラウザ(Chrome / Edge)では「画面から色を取る」スポイトが使え、画面上の任意のピクセルの色を拾ってそのまま色名を検索できます。Web 制作で色名のクラス名を決めたいとき、資料やイラストで使った色のおおまかな名前を知りたいとき、カラーコードだけ分かっていて呼び名が分からないときに。色の入力・照合はすべてあなたのブラウザ内だけで処理し、入力した色や画像をサーバーへアップロード・保存・送信することは一切ありません。HEX↔RGB の相互変換が必要なときはカラーコード変換、配色を作りたいときは配色ジェネレーターへそのまま持ち込めます。
使い方
- HEX(例 #1e90ff)か RGB(例 30,144,255)を入力するか、カラーボックスで色を選びます。対応ブラウザなら「画面から色を取る」スポイトでも指定できます。
- CSS の名前付き色の中から、見た目が近い順(ΔE が小さい順)に色名が最大6件表示されます。
- 行をクリックして色名をコピー、HEX チップをクリックしてカラーコードをコピー。CSS やデザインソフトにそのまま貼り付けられます。
よくある質問
入力した色や画像はアップロードされますか?
いいえ。色の入力も色名の照合もすべてあなたのブラウザ内で完結し、入力した色や画面スポイトで拾った色はサーバーへアップロード・保存・送信されません。完全にローカルで動作します。
どんな色名の辞書から探していますか?
CSS / X11 の名前付き色(148色。dodgerblue・tomato・teal など)から探します。これらは CSS の color プロパティにそのまま書ける名前なので、色名をコピーすればそのままスタイルに使えます。
「一番近い色名」はどう決めていますか?
入力した色と各色名の色を、人の目の見え方に近い Lab 色空間に変換し、その距離(ΔE / CIE76)が小さいものから順に並べています。RGB の数値が近いかではなく「見た目が近い」順になるため、似た色名が複数あるときも自然な順に並びます。
RGB の値やカラーコードからも逆引きできますか?
はい。入力欄に #1e90ff のような HEX、30,144,255 や rgb(30,144,255) のような RGB を入れると、その色に近い色名を逆引きします。#1cf のような3桁の短縮 HEX も使えます。
画面に表示されている色から色名を調べられますか?
Chrome や Edge など対応ブラウザでは「画面から色を取る」ボタンでスポイトが起動し、画面上の任意のピクセルの色を拾ってそのまま色名を検索できます(画像をアップロードする必要はありません)。未対応のブラウザでは、カラーボックスかカラーコードの入力で指定してください。