CSS名前付きカラーをHexに変換
任意のCSS名前付きカラー(例: 'tomato'、'steelblue'、'rebeccapurple')のHex値を調べます。
このツールは役に立ちましたか？
ありがとうございます。ツールの改善に役立てます。
このツールの使い方
- CSSカラー名を入力します(例: steelblue, tomato, coral)。
- このツールはW3Cの名前付きカラー一覧から検索し、Hex値とRGB値を返します。
- 名前は大文字小文字を区別せず、スペースは無視されます。
140色以上あるCSS名前付きカラーの正確なHex値を調べられます。名前を入力するだけで、HexコードとRGBが瞬時にわかります。
計算式
This is a direct lookup, not a formula. The CSS Color Level 4 specification defines 148 named colors, each mapped to a fixed sRGB triplet. For example:
tomato → #ff6347 → rgb(255, 99, 71)
The R, G, B values are extracted from the hex: R = hex[1..2], G = hex[3..4], B = hex[5..6] (parsed as base-16 integers).
よくある質問
- CSSの名前付きカラーはいくつありますか?
- CSSは140個の名前付きカラー(と'transparent')を定義しています。基本の16色(VGAカラー)から、X11カラー一覧全体まで含まれます。
- rebeccapurpleとは何ですか?
- rebeccapurple(#663399)は、CSS Working Groupのメンバーであるエリック・マイヤーの娘、レベッカ・マイヤーを偲んでCSS4に追加されました。