ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSの色を記述する3つの方法は何ですか?

CSSの色を記述する3つの方法は何ですか?

醉折花枝作酒筹
リリース: 2023-01-07 11:43:23
オリジナル
3595 人が閲覧しました

色の書き込み方法は次のとおりです: 1. 色の名前を使用します (構文 "color: カラー名"); 2. パーセンテージを使用します (構文 "color:rgb (パーセント, パーセント, パーセント)"; 3.数値、構文「 color:rgb(value,value,value) 」を使用します。

CSSの色を記述する3つの方法は何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSSでは色の値には色の名前、パーセント、数値、16進数値が使用でき、4つの書き方があります。

1) 色の名前を使用する

現在、名前の付いた色は 184 色ほどありますが、実際にはさまざまなブラウザでサポートされており、CSS 仕様として推奨されている色名は 16 種類のみです。

CSSの色を記述する3つの方法は何ですか?

## 一部の色名がブラウザで解析されなかったり、ブラウザによって色の違いが解釈されたりすることを避けるため、Web ページで色名を使用すること、特に大規模な使用はお勧めしません。 。

2) パーセンテージを使用する

これは最も一般的に使用される方法です。例:

color: rgb(100%, 100%, 100%);
ログイン後にコピー

このステートメントは、赤、青、緑の 3 原色をそれぞれの色に設定します。最大値 、結果の組み合わせは白で表示されます。代わりに、rgb(0%, 0%, 0%) を黒に設定できます。 3 つのパーセンテージ値が等しい場合、グレーが表示され、同様にパーセンテージ値が大きい方の原色が優先されます。

3) 数値を使用します。

数値の範囲は 0 ~ 255 です。例:

color: rgb(255, 255, 255);
ログイン後にコピー

上記のステートメントは白で表示されます。 rgb(0, 0, 0)に設定すると黒が表示されます。 3つの値が等しい場合はグレー表示となり、同様に値が大きいほどどの原色の割合が多くなるかということになります。

拡張情報:

4) 16 進数の色

これは、最も一般的に使用される色選択方法です。例:

color: #ffffff;
ログイン後にコピー

16 進数の前に # 色記号を追加します。上記のステートメントでは白が表示されますが、逆に、RGB で記述される #000000 を黒に設定することもできます:

color: #RRGGBB;
ログイン後にコピー

from 0~255, 実際、10 進数の 255 は 16 進数の FF とまったく同じです。 16 進数 基本カラー値は、このような 16 進値の 3 つのグループに等しく、順番に接続すると、赤、青、緑の 3 原色に等しくなります。

推奨学習:

css ビデオ チュートリアル

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート