Sådan bruger du det
- Indtast eller indsæt en farve, f.eks. #1e90ff, rgb(30 144 255) eller oklch(65% 0.18 250). Du kan også klikke på farvevælgeren.
- Tjek farveprøven for at sikre, at det er den farve, du forventede.
- Kopiér det format, du har brug for, fra listen. Værdier med gennemsigtighed bevarer deres alpha.
Sådan fungerer det
Accepterede input: HEX med 3, 4, 6 eller 8 cifre (4. og 8. ciffer er alpha), rgb() og rgba() med tal eller procenter, hsl() og hsla(), hwb(), oklch() og cmyk() med procenter eller tal fra 0 til 100. Både den klassiske kommasyntaks og den moderne mellemrumsyntaks med „/ alpha“ virker. Farvetone accepterer deg, turn, rad og grad. Navngivne farver som „tomato“ læses ikke; brug farvevælgeren eller en kode i stedet.
Alle konverteringer går gennem sRGB. HSL og HWB er simple omformninger af RGB-værdierne, så de konverterer præcist. OKLCH er et perceptuelt farverum: lige store trin i lysheden ser omtrent lige forskellige ud, hvilket gør det nyttigt til at opbygge paletter. Det beregnes med de publicerede OKLab-matricer. Nogle OKLCH-farver ligger uden for, hvad sRGB kan vise; værktøjet oplyser det og viser den nærmeste visbare farve.
CMYK beregnes med den almindelige naive formel (K = 1 − den største RGB-kanal). Det faktiske trykte resultat afhænger af papir, trykfarve og ICC-profilen, så betragt disse tal som et udgangspunkt, ikke som en trykspecifikation.
Eksempler
Fra en brand-HEX-kode til CSS
En stilguide angiver #0b5d1e. Indsæt den for at få rgb(11, 93, 30) til ældre CSS, hsl(133.9, 78.8%, 20.4%) til manuelt at justere lysheden og en oklch()-værdi til moderne CSS-farvefunktioner.
Aflæsning af en farve med gennemsigtighed
rgba(0, 0, 0, 0.5) konverteres til #00000080. De sidste to HEX-cifre (80) er alpha: 128 ud af 255, ca. 50 %.
Tjek af en OKLCH-værdi fra en designfil
oklch(70% 0.4 150) er en meget mættet grøn, som sRGB-skærme ikke kan vise. Værktøjet markerer den og giver den nærmeste sRGB-farve, så du ved, at designet vil se anderledes ud på de fleste skærme.
Ofte stillede spørgsmål
Hvorfor ændres HEX-værdien nogle gange med én, når jeg konverterer til HSL og tilbage?
HEX gemmer hele tal fra 0 til 255 pr. kanal. Værdier i andre formater afrundes til visning (HSL til én decimal), og konvertering af en afrundet værdi tilbage kan lande et trin ved siden af. Kopiér HEX-værdien, hvis du har brug for den nøjagtige original.
Er CMYK-værdien korrekt til tryk?
Nej, ikke i sig selv. Den bruger den simple formel uden farveprofil. Trykkerier bruger profiler som FOGRA eller GRACoL, der giver andre tal, så spørg dit trykkeri, eller konverter i et farvestyret program.
Hvad er OKLCH, og kan jeg bruge det i CSS?
OKLCH beskriver en farve ved oplevet lyshed, chroma (farvefylde) og kulør. De aktuelle versioner af de store browsere understøtter oklch() i CSS. Behold en HEX- eller rgb()-fallback, hvis du understøtter ældre browsere.
Hvad betyder en 8-cifret HEX-kode?
#RRGGBBAA: De sidste to cifre er opacitet, fra 00 (helt gennemsigtig) til ff (helt uigennemsigtig). Den 4-cifrede form #RGBA fungerer på samme måde med ét ciffer pr. kanal.
Privatliv
Farver konverteres i din browser. Intet af det, du indtaster, sendes nogen steder eller gemmes.