ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでの色は何を意味しますか

CSSでの色は何を意味しますか

下次还敢
下次还敢オリジナル
2024-04-28 12:45:30600ブラウズ

color 属性は CSS でテキストまたは背景の色を定義し、16 進値、RGB 値、RGBA 値、HTML カラー名、HSL および HSLA 値、および currentColor、inherit、transparent などのキーワードを含むさまざまな形式で指定できます。

CSSでの色は何を意味しますか

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%) を使用した色。拡張 H​​SLA 値には 4 番目のアルファ チャネル値が含まれます。例:

<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>

color キーワード

CSS は、次のようないくつかの特別なキーワードもサポートしています:

  • currentColor: 親要素の色を使用します
  • inherit: 親要素から色を継承します
  • transparent: 透明

以上がCSSでの色は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。