Utvecklarverktyg
Färgkonverterare
Omvandla en färg mellan HEX, RGB, HSL, HSV, CMYK, Lab, LCH, OKLab och OKLCH genom att klistra in valfritt format, med CSS-namn, WCAG-kontrast, nyanser och färgharmonier.
Så använder du verktyget
- 1
Skriv eller klistra in en färg, eller använd färgväljaren (och pipetten om din webbläsare erbjuder den).
- 2
Kopiera det format du behöver.
- 3
Kontrollera kontrasten mot vitt och mot svart för din text.
- 4
Utforska nyanserna och harmonierna och klicka sedan på den du gillar.
Hjälp
- Klistra in färgen i valfritt format (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue): formatet känns igen och alla andra visas, var och en med en kopieringsknapp.
- Lab och LCH följer CSS-definitionen (D50 som referensvitt); OKLab och OKLCH är moderna perceptuella rum, användbara för att bygga jämna toningar och paletter.
- CMYK är en enkel matematisk omräkning, inte en skrivarprofil: tryckta färger skiljer sig. En färg utanför sRGB-området flyttas till den närmaste färg som går att visa.
- WCAG-kontrasten beräknas mot vitt och mot svart, med gränserna för AA och AAA (brödtext och stor text).
- Nyanser behåller färgtonen med jämna ljushetssteg; harmonier (komplement, triad, analog …) roterar färgtonen. Klicka på en färgruta för att ta den som ny färg.
Vanliga frågor
Vad är skillnaden mellan HSL och OKLCH?
HSL är enkelt men missvisande: två färger med samma HSL-ljushet kan se mycket olika ljusa ut. OKLCH är utformat så att den upplevda ljusheten blir jämn, vilket ger bättre toningar och paletter.
Varför stämmer inte den visade CMYK med min skrivare?
CMYK-värden beror på bläcket, papperet och skrivarens ICC-profil. Verktyget gör den teoretiska omräkningen från RGB; för tryck ber du tryckeriet om omräkningen.
Vilken kontrast bör jag sikta på?
WCAG kräver minst 4,5:1 för brödtext och 3:1 för stor text (AA), eller 7:1 och 4,5:1 för AAA.
Skrivet och kontrollerat av MaxyTools-teamet · Uppdaterad den
Hjälpte verktyget dig?
Hjälpte verktyget dig? Dela det