色名を調べる
HEX・RGB値を入れると最も近いCSSカラー名を見つけます
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
HEXやRGBの色の値を入力すると、148のCSS標準カラー名の中から最も近い名前を見つけてくれるツールです。値が正確に一致しなくても、知覚的な色の距離(redmean)で最も似た候補3つも一緒に表示するので、色に付ける名前を決めるときに便利です。
使い方
- カラーボックスで色を選ぶか、HEX(#4A90D9)、RGB(rgb(74,144,217) または 74,144,217)を入力します。
- 最も近いCSSカラー名と近い候補3つが、色見本とともに表示されます。
- 正確に一致すれば「完全一致」、そうでなければ「最も近い」表示と誤差の値を確認します。
- 「名前をコピー」ボタンで、好きなカラー名をクリップボードにコピーします。
よくある質問
- どんな基準で「近い色」を決めますか?
- 単純なRGB距離ではなく、人の目の感度を反映したredmean色距離の式を使います。明るさや色合いが実際に似て感じられる名前が優先的にマッチするよう計算します。
- なぜ名前が148個だけなのですか?
- ブラウザやCSSが公式に名前を定義した標準カラーが148個(aliceblue~yellowgreen)です。この標準リストの中から最も近い名前を見つけ、正確な色は一緒に表示されるHEX値で使えます。
- 入力した色の値はサーバーに送信されますか?
- いいえ。カラーリストと距離の計算はすべてブラウザに組み込まれており、入力値はサーバーに送信・保存されず、端末内だけで処理されます。
