Konvertera OKLab till HSB / HSV

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

Från OKLab

Tolkad som OKLab

HSB / HSV-värdehsv(10.59 80% 100%)

HSB / HSV till OKLab

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: OKLab till HSB / HSV

Färg	OKLab	HSB / HSV
	oklab(62.796% 0.22486 0.12585)	hsv(0 100% 100%)
	oklab(86.644% -0.23389 0.1795)	hsv(120 100% 100%)
	oklab(45.201% -0.03246 -0.31153)	hsv(240 100% 100%)
	oklab(100% 0 0)	hsv(0 0% 100%)
	oklab(0% 0 0)	hsv(0 0% 0%)
	oklab(59.987% 0 0)	hsv(0 0% 50.2%)
	oklab(68.036% 0.17474 0.1165)	hsv(10.59 80% 100%)
	oklab(62.308% -0.03325 -0.18505)	hsv(217.22 76.02% 96.47%)
	oklab(69.587% -0.14216 0.04488)	hsv(160.12 91.35% 72.55%)
	oklab(76.859% 0.0561 0.15481)	hsv(37.69 95.51% 96.08%)
	oklab(60.563% 0.08454 -0.20193)	hsv(258.31 62.6% 96.47%)
	oklab(65.592% 0.21073 -0.021)	hsv(330.37 69.49% 92.55%)

Om OKLab och HSB / HSV

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.

HSV, även kallat HSB, använder färgton, mättnad och ljusstyrka. Photoshop, Figma och de flesta färgväljare använder det för den fyrkantiga väljaren.

Så fungerar konverteringen

Vi läser OKLab-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till HSB / HSV. 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 OKLab till HSB / HSV?

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

Är konverteringen från OKLab till HSB / HSV 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.