HTMLのカラースタイル

PHPz
リリース: 2023-09-14 12:25:05
転載
763 人が閲覧しました

カラーは、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
ログイン後にコピー

出力

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
ログイン後にコピー

これにより、次の出力が生成されます - # ########################################

以上がHTMLのカラースタイルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!