So verwenden Sie Farbwerte in CSS3

CSS3 unterstützt eine Reihe von Farbwert-Systeme. Die einzige Voraussetzung ist, dass der Browser unterstützt auch das Farbsystem. Hier sind die Farbsysteme, die den meisten Browsern unterstützt:

  • Rot Grün Blau (RGB): Verwenden Sie die rgb () Methode, wenn diese Farbwert beschreibt, die drei Zahlen zwischen 0 und 255 verwendet, die Menge von Rot, Grün und Blau zu spezifizieren zu verwenden.

  • Rot Grün Blau Alpha-Kanal (RGBA): Verwenden Sie die RGBA () Verfahren bei der Beschreibung dieses Farbwert. Die ersten drei Zahlen sind einfach rot, grün und blau. Die vierte Zahl, alpha-Kanal (Relative Transparenz), ist ein Wert zwischen 0,0 (vollständig transparent) und 1,0 (völlig undurchsichtig). Sie müssen IE9 +, Firefox 3+, Chrome, Safari oder Opera 10+ diesen Farbwert-Schema zu verwenden.

  • Farbton Sättigung Helligkeit (HSL): Verwenden Sie die hsl () Verfahren bei der Beschreibung dieses Farbwert, der aus drei Zahlen besteht.

    Farbton ein Wert zwischen 0 und 360 ist, die die Position einer Farbe auf dem Farbrad beschreibt: red 0 ist (oder 360), grün 120 und Blau 240. Sättigung (Die Farbintensität oder Dunkelheit) ist ein Prozentwert zwischen 0 (Graustufen) und 100 (volle Farbe). Helligkeit ist ein Prozentsatz zwischen 0 (schwarz) und 100 (weiß).

  • Farbton Sättigung Helligkeit Alpha-Kanal (HSLA): Verwenden Sie die HSLA () Verfahren bei der Beschreibung dieses Farbwert, die die gleichen ersten drei Zahlen als HSL-Wert verwendet. Die vierte Zahl, Alphakanal ist ein Wert zwischen 0,0 (vollständig transparent) und 1,0 (vollständig undurchsichtig). Sie müssen IE9 +, Firefox 3+, Chrome, Safari oder Opera 10+ diesen Farbwert-Schema zu verwenden.

Der Versuch, zu verstehen, wie Farbwerte interagieren kann hart sein. Das HTML-Farbmischer können Sie sehen, wie verschiedene Farben zur Auswahl interagieren, wodurch es einfacher, gute Farbkombinationen zu wählen.

Ähnliche

Menü