Hvert farveformat beskriver det samme på et andet sprog: HEX til stylesheets, RGB til skærme og kode, HSL til at bygge palettes, CMYK til tryk. Vælg den konvertering, du har brug for, og få den eksakte værdi, en live preview og formlen bag.
De fire farveformater
Hvad er HEX?
En HEX-kode er et sekscifret hexadecimalt tal, som gemmer en farves røde, grønne og blå kanal bag et indledende #. Hvert par cifre dækker én kanal fra 00 (ingen) til FF (fuld), hvilket giver de samme 16,7 millioner farver som RGB i en kortere notation. HEX er standard i CSS, designværktøjer og brandguidelines.
- Syntaks:
- #RRGGBB
- Bedst til:
- CSS, designoverlevering, brandguidelines
Hvad er RGB?
RGB beskriver en farve som tre lyskilder — rød, grøn og blå — hver fra 0 til 255. Det afspejler, hvordan skærme faktisk virker: alle tre på 255 giver hvid, alle på 0 giver sort. RGB er det rigtige valg, når du skal regne med en farve, og rgba() tilføjer gennemsigtighed ovenpå.
- Syntaks:
- rgb(R, G, B)
- Bedst til:
- kode, canvas, gennemsigtighed med rgba()
Hvad er HSL?
HSL deler en farve op i hue (0–360° på farvehjulet), saturation (hvor farverig, 0–100%) og lightness (hvor lys, 0–100%). Da hver del passer til, hvordan mennesker beskriver farver, er HSL det nemmeste format til at bygge tints, shades og konsistente palettes — manuelt eller i kode.
- Syntaks:
- hsl(H, S%, L%)
- Bedst til:
- paletter, tints og shades, theming
Hvad er CMYK?
CMYK er fire-bleksmodellen brugt i tryk: cyan, magenta, gul og key (sort), hver som en procent fra 0 til 100. Blæk subtraherer lys i stedet for at udsende det, så CMYK dækker færre farver end en skærm — derfor ser stærke skærmfarver ofte mere matte ud, når de trykkes.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Bedst til:
- tryk, emballage, trykklar grafik