最も近いCSS標準色名検索

最も近いCSS標準色名検索

ローカル処理

任意のHEXコードに最も近い標準CSS色名(coral、crimson、royalblueなど)を近似検索します。

使い方と処理基準

任意のHEXコードに最も近い標準CSS色名(coral、crimson、royalblueなど)を近似検索します。

ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。

処理制限

  • 最大入力文字数: 100,000文字

#ff6346のような名前のない色がどの名前の色に近いかを探します。基本のCSS色名34種とsRGBの距離を比べて最も近いものを選びます。

比較対象は基本のCSS色名34種なので、とても近い名前がないと印象の違う名前が出ることがあります。

できること

最も近い名前
tomato・navyのようにCSSで使える名前を示します。
名前のカラーコード
その名前が指す正確なHEXも表示します。

最も近いCSS標準色名検索の使い方

  1. 1
    色を入力色を選ぶかHEXを入れます。
  2. 2
    結果を確認最も近い名前とコードを見ます。

活用例

トマト色に近い色
入力: #ff6346
結果: tomato(#ff6347)

主な利用シーン

  • デザイン文書で色を名前で書きたいとき
  • CSSで色名を使って近い色を指定したいとき

よくある質問 (FAQ)

#3366ccがなぜtealになるのですか?

34種の基本名の中ではteal(#008080)がRGBの距離で最も近いためです。royalblueのような拡張名は比較対象にありません。

このツールへのご意見・ご要望はありますか? 提案・お問い合わせ →