CSSカラー:戦闘へのWebフロントエンドの取得

カラー

私たちは色を設定するためのページを基準にしていた場合は、様々な方法を使用して設定することができます。

一つは、名前付きの色

カラーコンセントの十分の小さな部分は、あなたが直接色の設定ページで色の名前を与えられたことを前提としています。CSSは、これらの色名は色を命名した呼び出します。

限られた色名のキーワード、CSSの定義17標準色:薄緑、黒、青、紫、灰色、オレンジ、グリーン、ライム、マルーン、ネイビー、オリーブ、紫、赤、銀、青、緑、白そして、黄色。

CSSカラー:戦闘へのWebフロントエンドの取得

たぶん、時々、標準の色の色を使用することができ、Webブラウザのほとんどは、その17種類の目の前に含め、140色まで認識できるので、それは、仕事にできている、他の色の値を使用していませんカラー。

(B)、RGB色指定

異なる赤、青、緑の成分の組み合わせを介して、コンピュータは、色を作成します。この組み合わせは、一般的にRGBカラーと呼ばれます。コントロールを最大にするために、赤、緑、及び青の色成分を調整することにより、これらの色への直接アクセス、。すべてのブラウザでは、RGBカラー値をサポートしています。

RGBカラー値が予め定められている:RGB(赤、緑、青)。パラメータ整数、または(0%〜100%)0と255の間のパーセント値:色強度を規定する(赤、緑、青)の各パラメータは、整数トリプル表記であってもよいです。

パーセンテージ表記:として指定された値、白と黒を指定します。

rgb(100%,100%,100%)
rgb(0%,0%,0%)

表記整数トリプル、次のように同じ色

rgb(255,255,255)
rgb(0,0,0)
专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)

また、表記の分数割合で使用することができる、ユーザエージェントは、小数点を無視した場合に25.5%、40%、緑成分、98.2%の青色成分の赤色成分は、これらの値は丸められますかどうかを指定するものとします最も近い整数とは対照的です。もちろん、整数値メソッドは、整数のみを使用することができます。次のとおりです。

H2:{:RGB(26%、40%、98%)色} {色RGB(25.5%、40%、98.2%)を} H2に変換されます。

値が望ましい範囲外にあればどのような表記法、最寄の範囲の境界に変更されます。100%の値より大きいかまたは0%未満では(望ましい最大値と最小値である)デフォルトの100%または0%に調整される場合

H2: - {:RGB(100%、0%、0%)の色} {色RGB(200%、40%、0%)が} H2に変換されます。

H2 {色:RGB(42,500、-20)}はH2に変換される{色:RGB(42,255,0)}

255パーセントを乗じた整数表記に変換し、それは63.75,95.625,153を与える、色RGBがあると(25%、37.5%、60%)。これらの値は、RGB(64,96,153)を覚えておくことは、最も近い整数に丸められます。

(C)、RGB 16進カラー

すべてのブラウザでは、16進数のカラー値をサポートしています。

六角色は、そのような要件である:#RRGGBB、(赤)RR、GG(緑)、BB(青)進整数を指定成分色。0とFF間のすべての値。大文字小文字をすることができます。

各ヘクスからなる3基の数が対になっただけでなく、速記法を可能にしている場合は、そのようなアプローチは、一般に#RGB

如H2 {色:#FFF} = H2 {色:#FFFFFF}

ブラウザは場所を取るし、2つにコピーします。#FF0000ので、#のF00に相当。

(IV)、RGBA色値

IE9 +、Firefox 3の+、クロム、Safariやオペラ10+:RGBAカラーは以下のブラウザをサポートする価値があります。

RGBA色の値は、アルファチャンネルと、RGBカラー値を拡張している - それは、オブジェクトの不透明度を指定します。

RGBA色値が予め定められている:RGBA(赤、緑、青、アルファ)。パラメータαは0.0(完全に透明)からデジタル1.0(完全に不透明)です。

(五)、HSL色

IE9 +、Firefoxの、クロム、Safariやオペラ10+:以下のブラウザをサポートする価値HSL色。

カラー表記を表す円筒座標 - 色相、飽和(彩度)、明度(輝度)、HSL(色相)を指します。

HSL色値が予め定められている:HSL(色相、彩度、明度)。

色相は、(0から360まで)カラーホイールの程度は - 0(または360)は赤色であり、120は緑色であり、240は青です。0%は灰色意味し、フルカラーの100%;飽和は、パーセント値です。明度が同じ割合で、0%は、100%白、黒です。

(六)、HSLA色

IE9 +、Firefox 3の+、クロム、Safariやオペラ10+:HSLAの色は、以下のブラウザをサポートする価値があります。

HSLAカラー値は、アルファチャンネルと、拡張されたHSL色値である - それは、オブジェクトの不透明度を指定します。

HSLAカラー値が予め定められている:HSLA(色相、彩度、明度、アルファ)、前記アルファパラメータ定義不透明。パラメータαは0.0(完全に透明)からデジタル1.0(完全に不透明)です。

(七)、Webセーフカラー

Webセーフカラーの、256色の色のコンピュータシステム上で、ジッターを避けることができるカラーページを確保するための手段が正しく表示されます。WebセーフカラーRGB値は51と20%の倍数(33の対応する16進数値)として表すことができます。さらに、0%または0が安全な値です。

  • RGBのパーセンテージ場合、すべての3つのコンポーネントが、0%以上20値によって分割することができ、例えば、RGB(40%、100%、80%)またはRGB(60%、0%、0%)を作ります。
  • RGB値は0から255までの範囲の場合、コンポーネントは、0または51であるRGB(0204153)またはRGB(255,0,102)として、分割することができます
  • 進表記は、00,33,66,99の値を使用し、CCとFFトリプルは、Web安全であると考えられています。このような例は、#669933、#00CC66と#FF00FFのです。この番組、ウェブセーフカラー速記16進数の値が0,3,6,9であり、CおよびF. だから、#693、#0C6、#のF0Fの例では、Webセーフカラーです。

おすすめ

転載: blog.51cto.com/14592820/2464785