カラーネームからHEXコード変換
CSSカラーネームをHEX、RGB、HSLコードに変換。147色すべてのHTML/CSS名前付きカラーをライブプレビューで確認。無料で即座に変換。
HEX
—
RGB
—
HSL
—
Color Name
—
About Color Name to HEX Converter
CSSの名前付きカラーを検索すると、HEX、RGB、HSLの各値を即座に確認できます。逆に、任意のHEXコードから最も近い名前付きカラーを見つけることも可能です。標準のHTML/CSS名前付きカラー147色すべてに対応しています。
147の名前付きカラー
aliceblueからyellowgreenまでの完全なCSS名前付きカラーパレット。名前で検索するか、全リストを閲覧できます。
HEX → 名前の逆変換
任意のHEXコードを貼り付けて、最も近いCSS名前付きカラーを見つけます。#付きと#なしの両方のHEX値に対応。
RGB + HSL変換
調べたすべての色から、RGB（r,g,b）とHSL（色相、彩度、明度）の値を即座に計算して表示します。
カラープレビュー
入力するとライブカラースウォッチが更新されます。プロジェクトで使用する前に実際の色を確認できます。ワンクリックで値をコピー。
How It Works
1
Choose your mode — Switch between "Color Name → HEX" to look up a named color, or "HEX → Color Name" to find which CSS color matches a hex code.
2
Type or paste your value — Start typing a color name (e.g., "tomato") or paste a HEX code (e.g., "#FF6347"). Results update instantly as you type.
3
Read the values — The color swatch shows the actual color. HEX, RGB, and HSL values are displayed side by side. Click Copy to grab any value.