HEX, RGB und HSL erklärt
In der Webentwicklung und im Design begegnen dir drei Hauptformate für Farben:
HEX (#RRGGBB)
Das gebräuchlichste Format im Web. Sechs hexadezimale Stellen repräsentieren je zwei für Rot, Grün und Blau. #ff0000 ist reines Rot.
RGB (rot, grün, blau)
Jeder Kanal hat einen Wert von 0–255. rgb(255, 0, 0) ist reines Rot. Intuitiv für Entwickler die mit Bildbearbeitung vertraut sind.
HSL (Farbton, Sättigung, Helligkeit)
HSL ist für Designer oft intuitiver: Der Farbton (0–360°) bestimmt die Farbe, Sättigung (0–100%) die Intensität und Helligkeit (0–100%) wie hell oder dunkel. Ideal um Farbvarianten zu erstellen.
Wann welches Format?
- HEX — CSS, HTML, Design-Tools (Figma, Photoshop)
- RGB — wenn Transparenz gebraucht wird (dann RGBA)
- HSL — wenn du Farben programmatisch variieren willst (heller, dunkler, gesättigter)