最新のWeb開発のチュートリアル
 

Colorsチュートリアル


色は赤、緑、青の光を組み合わせて表示されます。


色名

CSSを使用すると、色が色名を使用して設定することができます。

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
»それを自分で試してみてください

CSSカラー値

CSSを使用すると、色が異なる方法で指定することができます。

  • 色名で
  • RGB値として
  • 16進数値として
  • HSL値として(CSS3)
  • HWB値(CSS4)として、

RGBの色

RGBカラー値は、すべてのブラウザでサポートされています。

RGB(赤、緑、青):RGBカラー値で指定されます。

(赤、緑、青)各パラメータには、0〜255の整数として色の強度を定義します。

青色のパラメータがその最高値(255)に設定され、その他は0に設定されているため、例えば、RGB(0,0,255)は、青色としてレンダリングされます。

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
»それを自分で試してみてください

グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
»それを自分で試してみてください

進色

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

#RRGGBB:16進数のカラーがで指定されています。

RR(赤)、G-G(緑)、B-B(青)の色の強さを指定する00からFFまでの16進整数です。

青色成分がその最高値(FF)に設定されており、他の人が00に設定されているため、例えば、#1 0000FFは、青で表示されます。

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
»それを自分で試してみてください

グレーの色合いは、多くの場合、すべての3の光源と同じ値を使用して定義されています。

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
»それを自分で試してみてください

大文字または小文字?

あなたは16進数を指定するには、大文字または小文字を使用することができます。

注意 小文字の書き込みが簡単です。 アッパーケース読みやすくなります。

色名

CSSは、140標準色名をサポートしています。

次の章では、16進数で色名のアルファベット順リストを見つけるでしょう。

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4