Farbformate auf einen Blick
| Format | Beispiel | Ideal für |
|---|---|---|
| HEX | #3B82F6 | CSS- und Design-Übergabe |
| RGB | rgb(59, 130, 246) | Programmatische Farbmanipulation und Browser-Rendering |
| HSL | hsl(217, 91%, 60%) | Benutzerfreundliche Anpassungen von Farbton, Sättigung und Helligkeit |
| CMYK | cmyk(76, 47, 0, 4) | Druckorientierte Workflows |
Dasselbe Blau in verschiedenen Formaten
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Wann was verwenden
- Verwenden Sie HEX, wenn Sie kurze, CSS-freundliche Werte für ein Designsystem oder Stylesheet benötigen.
- Verwenden Sie RGB, wenn Code oder eine Browser-API Kanalwerte direkt erwartet.
- Verwenden Sie HSL, wenn Sie Helligkeit oder Sättigung intuitiver ändern möchten.
- Verwenden Sie CMYK für druckbezogene Gespräche, nicht als Hauptformat in CSS.
Verwenden Sie diese Referenz mit dem richtigen Tool
Verwandte Tools