HTMLのカラースタイル-htmlチュートリアル-php.cn

カラーは、Web サイトに優れた外観と雰囲気を与えるために非常に重要です。

16 進コード (16 進カラー表現)

16 進コードは、6 ビットのカラー表現です。最初の 2 桁 (RR) は赤色の値を表し、次の 2 桁は緑色の値 (GG)、最後の桁は青色の値 (BB) を表します。

Adobe Photoshop などのソフトウェアは、あらゆるグラフィックスから 16 進値を取得できます。各 16 進コードの前にはハッシュ記号またはポンド記号 # が付きます。以下は、16 進表記を使用したいくつかの色のリストです。ここに 16 進数の色の例をいくつか示します -

HTMLのカラースタイル

# 色を表現するために HTML に 16 進数のスタイルを実装する例を見てみましょう -

Example

ライブデモ

    
  Result
       Id  Name  Percentage  Rank  
  009  Tom  98  1  
  011  Kieron  97  2  
  039  Gayle  95  3  
  017  Shaun  92  4  
  009  Kane  91  5  
  025  Steve  87  6  
  013  Jack  85  7  
  023  Tim  84  8

Id	Name	Percentage	Rank
009	Tom	98	1
011	Kieron	97	2
039	Gayle	95	3
017	Shaun	92	4
009	Kane	91	5
025	Steve	87	6
013	Jack	85	7
023	Tim	84	8

ログイン後にコピー

出力

HTMLのカラースタイル ##RGB カラー値

RGB カラー値は、指定された rgb() 属性を使用しています。このプロパティは、赤、緑、青に 1 つずつ、合計 3 つの値を取ります。値には、0 ～ 255 の整数またはパーセンテージを指定できます。

ここでは、RGB-

HTMLのカラースタイル HSL カラー値で表されるいくつかの色を示します

HTML を使用して、HUE を設定することもできます。「H」は色相、「S」は彩度、「L」は明度を表します。

色を表現するために HTML に HSL スタイルを実装する例を見てみましょう -

Example

ライブデモンストレーション

    
  Result
       Id  Name  Percentage  Rank  
  009  Tom  98  1  
  011  Kieron  97  2  
  039  Gayle  95  3  
  017  Shaun  92  4  
  009  Kane  91  5  
  025  Steve  87  6  
  013  Jack  85  7  
  023  Tim  84  8