0

エンコード結果

カラー名

カラー名について

カラー名は、CSSで定義されている名前付きカラーを使って色を表す方法です。redblueorange のようなキーワードで指定できるため、HTMLやCSSでよく使われる色を読みやすく記述できます。

例えば、赤などの主要な色は以下のように表せます。

カラー名RGB表記16進表記
redrgb(255 0 0)#ff0000
ライムlimergb(0 255 0)#00ff00
bluergb(0 0 255)#0000ff
whitergb(255 255 255)#ffffff
blackrgb(0 0 0)#000000
オレンジorangergb(255 165 0)#ffa500
透明transparentrgb(0 0 0 / 0)#00000000

transparent は、透明な黒を表す特別なカラー名です。

カラー名は、transparent を除いて透明度の情報を持ちません。DenCodeでは、透明度を含む色が名前付きカラーとして表せる場合、CSSの相対色構文で表示します。例えば、半透明の redrgb(from red r g b / 0.5) のように表します。

カラー名とRGBの違い

カラー名は、人が読みやすいキーワードで代表的な色を表す方法です。一方、RGBは、赤、緑、青の成分値を指定して、より多くの色を数値で表せます。CSSやHTMLで読みやすさを優先する場合はカラー名、細かい色指定や色変換を行う場合はRGB表記がよく使われます。