ホームページ > 記事 > ウェブフロントエンド > CSSでの色は何を意味しますか
color 属性は CSS でテキストまたは背景の色を定義し、16 進値、RGB 値、RGBA 値、HTML カラー名、HSL および HSLA 値、および currentColor、inherit、transparent などのキーワードを含むさまざまな形式で指定できます。
CSS における色の意味
color プロパティは、CSS の要素のテキストまたは背景の色を定義します。これは、次のようなさまざまな形式で指定されます。
16 進値
16 進値は、赤、緑、青 (RGB) の色の値を表すシャープ記号 (#) で始まる 6 桁のコードです。例:
<code class="css">color: #0000FF; /* 蓝色 */</code>
RGB 値
RGB 値は、色の赤、緑、青の強度を指定する、括弧内の値のカンマ区切りのグループです。各値は 0 ~ 255 です。例:
<code class="css">color: rgb(0, 0, 255); /* 蓝色 */</code>
RGBA value
色の透明度を表す 4 番目の値 (アルファ チャネル) を追加する RGB 値の拡張。アルファ チャネルの値の範囲は 0 (透明) から 1 (不透明) です。例:
<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */</code>
HTML カラー名
CSS は、以下を含む一連の標準 HTML カラー名をサポートしています。
<code class="css">color: red; color: green; color: blue;</code>
HSL および HSLA 値
HSL (色相、彩度、明度) 値は、次の値を表します。色相 (0 ~ 360°)、彩度 (0 ~ 100%)、明度 (0 ~ 100%) を使用した色。拡張 HSLA 値には 4 番目のアルファ チャネル値が含まれます。例:
<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>
color キーワード
CSS は、次のようないくつかの特別なキーワードもサポートしています:
以上がCSSでの色は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。