ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS3 新色attribute_html/css_WEB-ITnose
CSS3 新色attribute_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:26:151167ブラウズ
CSSの色属性レビュー
色名 色の英語名（赤、青、ピンク、白など）
HEXメソッド 16進法（#FF0000、#B9B9B9など）
rgbメソッド 三原法カラー マッチング メソッド ( rgb(255,0,00))
これらのメソッドは一般的に使用されるカラー属性であり、私は HEX メソッドをよく使用します。いくつかの新しい色のプロパティが CSS3 に追加されました。
CSS3 新しいカラー属性
1. RGBA モード
2. HSL モード
1. RGBA モード rgba は透明度を表し、値の範囲は 0 です。 ~1、rgb はそれぞれ赤、緑、青で、値の範囲は
2 です。 H: 色相 (色相)。 0 (または 360) は赤を表し、120 は緑を表し、240 は青を表し、他の値を使用して色を指定することもできます。値は: 0 - 360
S: 彩度。値は: 0.0% - 100.0%
L: 明るさ。値は: 0.0% - 100.0%
3. HSLA モード
HSL は HSL モードと同じで、透明度である A を追加します A: 0~1 の間のアルファ透明度
HSL のカラー ホイールは次のとおりです:
たとえば、HSLA を見てください
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Keywords" content="关键词一，关键词二"> <meta name="Description" content="网站描述内容"> <meta name="Author" content="刘艳"> <title></title> <style> div{width:100px;height:100px;background: HSLA(0,100%,60%,0.5);} </style></head><body> <div></div></body></html> 効果: 個人的には、RGB や HEX よりも HSL の方が色を覚えやすいと思いますが、誰もがカラーピッカーを使用するので、あまり意味がないと思います。したがって、私はRGBAとHEXの方法を使い続けるつもりです。 HSL と HSLA は理解のためのものです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。