CSSカラーネームからHEX変換ツール 140以上のCSS命名色を検索してプレビューできるHEXコードを見つけることができます。
What Is カラーネームからHEX?
CSSカラーネームからHEXへの検索ツールは、CSS仕様で定義された140以上の色を人間が読みやすい名前で瞬時にアクセスできるようにします。HEXコードを覚える代わりに、CSSでは「コーラル」、「トマト」、「スティールブルー」、「リベッカパープル」と言った名前をスタイルシート内で直接使用できます。このツールは、すべての命名された色を視覚的なサンプル、正確なHEXコード、一クリックでのコピー機能とともに表示します。プロトタイプで意味のある色名称を使いたい開発者にとって、このツールは貴重なリファレンスとなります。また、名前で知られている色のHEX値を見つけることもできますし、CSS仕様で存在する新しい色を発見することもできます。検索可能なインターフェースにより、特定の色を素早く探したり、全ての色ファミリーを閲覧したりすることができます。命名されたCSSカラーは基本的な原色から「レモンシフォン」、「パパイヤウィップ」、「ミントクリーム」と言った繊細な色味まで幅広いものがあります。
Technical Guide
CSSの命名されたカラーは、CSS Color Module Level 4で指定されている148個のカラーキーワード（「アクア」/「シアン」や「フッシア」/「マゼンタ」のような重複を含む）の事前定義されたセットです。各名前は特定のsRGB色としてHEXトリプレットで定義されます。これらの名前は、Unixウィンドウシステムで使用されるX11カラーセットから由来し、その後追加されてきました。「リベッカパープル」(#663399) の名前は、2014年にエリック・マイヤーの娘への追憶として追加されました。CSSでの命名された色は大文字小文字を区別しません: 「ダークスレイグレイ」と「darkslategray」は同一です。開発の際には便利ですが、命名されたカラーには限界があります: 16.7百万通りの可能なRGBカラーの中から148色しか提供しておらず、名前が主観的になる場合もあります（例えば、「グレイ」は#808080ですが、「ダークグレイ」は#A9A9A9で、これは「グレイ」よりも明るい）。本番コードの場合は、正確な色制御とデザイン仕様との一貫性を保つために、ほとんどのチームがHEXまたはHSLを好みます。
Related Tools
About This Tool
カラーネームからHEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.