Alle modernen Webbrowser unterstützen verschiedene Farben, um eine farbenfrohe Anzeige aufrechtzuerhalten. In CSS können Farben auch unter Verwendung eines Farbnamens wie "auf verschiedene Weise dargestellt werden" dargestellt werdenFarbe blau”. Diese Methode unterstützt jedoch nur bestimmte Farbnamen. Daher werden in CSS andere erweiterte Methoden verwendet, um Farben wie RGB, HSL, Hex usw. anzuzeigen.

In diesem Artikel werden drei Farbdarstellungsmethoden: RGB, RGBA und Hex werden diskutiert. In CSS ist RGB () eine integrierte Funktion. RGBA ist auch ein Format von Displayfarben mit der Erweiterung von Alpha. Darüber hinaus wird auch in CSS Farbwerte in Hexadezimalzahlen verwendet.

RGB () -Funktion in CSS

RGB ist eine Kombination aus drei Farben (rot, grün und blau), die in allen Computersystemen für farbige Anzeige verwendet wird. Wie wir wissen, sind dies die Grundfarben, und indem wir sie kombinieren, können wir jede Farbe erhalten, die im Farbspektrum sichtbar ist.

In CSS werden diese Farben in Form einer Funktion definiert RGB (): (rot grün blau). Der Bereich all dieser Farben wird von 0 bis 255 definiert, definiert die Intensität einer Farbe, und wir können die Farben ändern, indem wir diese Werte ändern. Die Intensität dieser Farben ist im angegebenen Beispiel gut definiert.

Beispiel

RGB (0, 255, 0)

Diese Kombination gibt die grüne Farbe zurück, da sie die höchste Intensität hat und die anderen beiden Farben 0 Intensität haben.

Indem wir die Intensitäten aller drei Farben ändern, erhalten wir die verschiedenen Farben wie

• RGB (255, 255, 255) zeigt die weiße Farbe an
• und RGB (0, 0, 0) gibt der schwarzen Farbe.

Weitere Farbbeispiele sind im angegebenen Beispiel angezeigt

Beispiel

RGB (0, 255, 0)

RGB (60, 60, 60)

RGB (138, 238, 130)

RGB (255, 255, 255)

RGBA -Farben

In CSS RGBA ist auch ein Format, um Farben mit der Erweiterung von Alpha anzuzeigen. Die Struktur dieser Farbfunktion ist unten angegeben.

RGBA (Rot, Grün, Blau, Alpha)

In dieser Funktion wird ein Alpha verwendet, um die Deckkraft einer Farbe auszudrücken. In CSS Opacity -Eigenschaft wird die Transparenz einer Farbe eingestellt, und ihre Reichweite liegt zwischen 0.0 bis 1.0, wo 0.0 repräsentiert den voll transparenten und 1.0 repräsentiert die voll undurchsetzte. Sie werden aus dem angegebenen Beispiel besser verstehen.

Beispiel

Grün

Grün

Grün

Grün

Grün

Im obigen Beispiel stellen wir den Wert von Alpha aus 0 fest.0 (vollständig transparent) bis 1.0 (vollständig undurchsichtig) und Sie können den Unterschied in der Intensitätsdifferenz der Transparenz erkennen.

CSS -Hex -Farben

In CSS -Farben kann auch mit hexadezimalen Werten angegeben werden. Es ist nur eine weitere Möglichkeit, Farben darzustellen. In CSS ist es die häufigste Möglichkeit, eine Farbe durch Verwendung von Hexadezimalwerten mit einem „ #“ -Scheichen wie #RRGGBB anzugeben. Während die Codes für Rot, Grün und Blau sind.

Hexadezimalzahlen mit der Kombination von 0-9 und A-F werden verwendet, um eine Farbe in CSS darzustellen. Einige Beispiele für grundlegende Sechskantfarben sind unten angegeben:

• #ffffff: Es repräsentiert die weiße Farbe und
• #000000: Es repräsentiert die schwarze Farbe.

Für ein besseres Verständnis schauen Sie sich das folgende Beispiel an.

Beispiel

Geben Sie Farben mithilfe von Hex -Werten an

#0f4bff

#3cb371

ee652e

#FFA500

#6A5ACD

Im obigen Beispiel werden unterschiedliche Farben mithilfe der Hex -Werte angezeigt. Alle diese Hex-Werte sind die Kombination von Hexadezimalzahlen, die 16 unterschiedliche alpha-numerische Werte sind, die zwischen 0-9 und A-F liegen.

Abschluss

RGB, RGBA und Hex sind die verschiedenen Typen, um Farben in CSS anzuzeigen. Während RGB eine Kombination aus drei Farben (rot, grün und blau) ist, ist RGBA mit der Erweiterung von Alpha (Alpha = Transporant. Der Bereich von RGB- und Hex -Farben liegt zwischen 0 und 255 Ganzzahl bzw. 00 bis FF. Alle diese drei Typen sind mit Beispielen gut definiert.