カラーコード（HEX）はどう読めばいいですか？

#ff0000のような6桁の16進数で、2桁ずつ赤（R）・緑（G）・青（B）の強さを表します。00が最小、ffが最大で、#ff0000は「赤が最大、緑と青が0」＝純粋な赤です。3桁の短縮形（#f00）は各桁を2つ重ねた6桁（#ff0000）と同じ意味になります。

HEXとRGBはどう違うのですか？

表記が違うだけで同じ色を表します。HEXは16進数（#ff6347）、RGBは10進数（rgb(255, 99, 71)）です。CSSではどちらでも指定でき、透明度を含めたい場合はrgba()や8桁HEX（#ff6347cc）を使います。

このページに掲載しているCSS標準色（named color）は、color: skyblue; のように色名をそのまま指定できます。ただし日本の伝統色（茜色・藍色など）はCSSの色名には含まれないため、HEX値で指定してください。

CSS標準色（named color）と日本の伝統色、全159色の色見本一覧です。色をクリックすると、HEX・RGB・HSL・CMYK換算、白黒文字とのコントラスト比、明度違いの色見本を確認できます。

Webでよく使う「#ff0000」のようなカラーコードはHEX（16進数）表記と呼ばれ、 #のあとの6桁を2桁ずつ区切って赤（R）・緑（G）・青（B）の光の強さを表します。それぞれ00（0）〜ff（255）の256段階で、組み合わせは約1677万色になります。

カラーコード（HEX）はどう読めばいいですか？: #ff0000のような6桁の16進数で、2桁ずつ赤（R）・緑（G）・青（B）の強さを表します。00が最小、ffが最大で、#ff0000は「赤が最大、緑と青が0」＝純粋な赤です。3桁の短縮形（#f00）は各桁を2つ重ねた6桁（#ff0000）と同じ意味になります。
HEXとRGBはどう違うのですか？: 表記が違うだけで同じ色を表します。HEXは16進数（#ff6347）、RGBは10進数（rgb(255, 99, 71)）です。CSSではどちらでも指定でき、透明度を含めたい場合はrgba()や8桁HEX（#ff6347cc）を使います。
色名（red・skyblueなど）はCSSでそのまま使えますか？: このページに掲載しているCSS標準色（named color）は、color: skyblue; のように色名をそのまま指定できます。ただし日本の伝統色（茜色・藍色など）はCSSの色名には含まれないため、HEX値で指定してください。