HEX, RGB und HSL
- HEX: 16 Zahlen im Format #RRGGBB. #FF0000 ist rot, #000000 ist schwarz, #FFFFFF ist weiß. Codes mit denselben geraden Ziffern können abgekürzt werden (#FFF).
- RGB: rot, grün, blaue Kanäle 0–255. rgb(255, 0, 0) ist rot. Ein Endwert von "Alpha" (0–1) fügt Transparenz hinzu: rgba(0, 0, 0, 0,5) ist durchscheinend schwarz.
- HSL: Farbton (0–360°), Sättigung und Helligkeit (%). HSL(0, 100 %, 50 %) ist rot. Um den hellen oder dunklen Farbton zu bestimmen, müssen Sie nur die Helligkeit ändern.
HEX zu RGB
Jeder zweistellige Teil wird von Basis 16 in 10 umgerechnet. #3B5998: 3B = 3×16+11 = 59, 59 = 5×16+9 = 89, 98 = 9×16+8 = 152 → rgb(59, 89, 152).
| Farbe | HEX | RGB | HSL |
|---|---|---|---|
| Rot | #FF0000 | 255, 0, 0 | 0, 100%, 50% |
| Grün | #00FF00 | 0, 255, 0 | 120, 100%, 50% |
| Blau | #0000FF | 0, 0, 255 | 240, 100%, 50% |
Sorgen Sie für einen ausreichenden Helligkeitsunterschied zwischen Text und Hintergrund (nach WCAG mindestens 4,5:1 für normalen Text).
Häufig gestellte Fragen
Kann HEX-Code in Groß- oder Kleinbuchstaben geschrieben werden?
Ja, #ff0000 und #FF0000 geben dieselbe Farbe.
Kann ich den CMYK-Wert auf der Website verwenden?
CMYK ist für den Druck; das Display verwendet HEX, RGB oder HSL.
Wie kann ich einer Farbe Transparenz hinzufügen?
Konvertiere HEX in RGB und gib eine Transparenz zwischen 0 und 1 im Endwert im rgba()-Format ein.