Konvertera HEX till OKLab

Klistra in ett HEX-värde och få OKLab direkt. Andra format fungerar också.

Från HEX

OKLab-värdeoklab(68.036% 0.17474 0.1165)

OKLab till HEX

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: HEX till OKLab

Färg	HEX	OKLab
	#ff0000	oklab(62.796% 0.22486 0.12585)
	#00ff00	oklab(86.644% -0.23389 0.1795)
	#0000ff	oklab(45.201% -0.03246 -0.31153)
	#ffffff	oklab(100% 0 0)
	#000000	oklab(0% 0 0)
	#808080	oklab(59.987% 0 0)
	#ff5733	oklab(68.036% 0.17474 0.1165)
	#3b82f6	oklab(62.308% -0.03325 -0.18505)
	#10b981	oklab(69.587% -0.14216 0.04488)
	#f59e0b	oklab(76.859% 0.0561 0.15481)
	#8b5cf6	oklab(60.563% 0.08454 -0.20193)
	#ec4899	oklab(65.592% 0.21073 -0.021)

Om HEX och OKLab

HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.

OKLab är en modern perceptuell färgrymd från 2020. Lika steg ser lika ut för ögat, vilket gör gradienter och blandningar renare än i RGB eller HSL.

Så fungerar konverteringen

Vi läser HEX-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till OKLab. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HEX till OKLab?

Klistra in eller skriv ett HEX-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar OKLab-värdet.

Är konverteringen från HEX till OKLab exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.