Udviklerværktøjer
Farveomregner
Omregn en farve mellem HEX, RGB, HSL, HSV, CMYK, Lab, LCH, OKLab og OKLCH ved at indsætte et vilkårligt format, med CSS-navn, WCAG-kontrast, nuancer og harmonier.
Sådan bruger du værktøjet
- 1
Skriv eller indsæt en farve, eller brug farvevælgeren (og pipetten, hvis din browser har den).
- 2
Kopiér det format, du har brug for.
- 3
Tjek kontrasten på hvid og på sort for din tekst.
- 4
Udforsk nuancerne og harmonierne, og klik på den, du kan lide.
Hjælp
- Indsæt farven i et vilkårligt format (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue): formatet genkendes, og alle de andre vises, hver med en kopiknap.
- Lab og LCH følger CSS-definitionen (D50-referencehvid); OKLab og OKLCH er moderne perceptuelle rum, nyttige til jævne gradienter og paletter.
- CMYK er en simpel matematisk omregning, ikke en printerprofil: trykte farver afviger. En farve uden for sRGB-gamut flyttes til den nærmeste, der kan vises.
- WCAG-kontrastforholdet beregnes mod hvid og mod sort med grænserne for AA og AAA (brødtekst og stor tekst).
- Nuancer bevarer farvetonen med jævne lysstyrketrin; harmonier (komplementær, triade, analog…) drejer farvetonen. Klik på en farveprøve for at tage den som den nye farve.
Ofte stillede spørgsmål
Hvad er forskellen på HSL og OKLCH?
HSL er enkel, men vildledende: to farver med samme HSL-lysstyrke kan se meget forskellige ud i lysstyrke. OKLCH er lavet, så den opfattede lysstyrke er jævn, hvilket giver bedre gradienter og paletter.
Hvorfor passer den viste CMYK ikke til min printer?
CMYK-værdier afhænger af blækket, papiret og printerens ICC-profil. Værktøjet laver den teoretiske omregning fra RGB; til tryk skal du bede dit trykkeri om omregningen.
Hvilken kontrast skal jeg sigte efter?
WCAG kræver mindst 4,5:1 til brødtekst og 3:1 til stor tekst (AA), eller 7:1 og 4,5:1 for AAA.
Skrevet og kontrolleret af MaxyTools-teamet · Opdateret den
Var værktøjet nyttigt for dig?
Var værktøjet nyttigt? Del det