Wähle eine Farbe aus und vergleiche die RGBA-, HSLA- und Hex-Codes.
0Manuelle Farbeingabe:
Eine erneute Eingabe ersetzt die letzte.
RGBA HSLA HEXEine fehlerhafte Eingabe wird oben korrekt angezeigt.
RGBA/HSLA Opazität: Ab Dreistellig wird gerundet.
WP Wegerl.at:
Farbgestaltung in CSS
Stelle sicher, dass die Werte in dem richtigen Bereich liegen, um die erwünschte Farbe zu erhalten. Es funktionieren Eingaben wie rgba(0, 0, 0, 0.5) oder auch nur 0 0 0 0.5
RGBA-Farbe: Verwende das Format rgba(xxx, yyy, zzz, a), wobei xxx, yyy und zzz die Werte für Rot, Grün und Blau im Bereich von 0 bis 255 sind und a die Opazität im Bereich von 0 bis 1 ist.
Beispiel: rgba(255, 0, 0, 0.5) steht für ein halbtransparentes Rot.
HSLA-Farbe: Verwende das Format hsla(h, s%, l%, a), wobei h der Farbton in Grad (0 bis 360), s die Sättigung in Prozent (0% bis 100%), l die Helligkeit in Prozent (0% bis 100%) und a die Opazität im Bereich von 0 bis 1 ist.
Beispiel: hsla(120, 100%, 50%, 0.5) steht für ein halbtransparentes Grün.
HEX-Farbe: Für eine Hexadezimalfarbe nutze Zeichen von 0 bis 9 und a bis f. Beachte, dass 00 für vollständige Transparenz und FF für völlige Undurchsichtigkeit steht.
Beispiel: #FF0000 steht für Rot und #FF000080 für Rot mit einer Opazität von 50%.