Hoppa till färgväljaren

Konvertera Lab till HEX

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

Tolkad som CIE Lab

HEX-värde#ff5733
HEX till Lab

Justera färgen

11°
100 %

68 %
0,210
34°

Alla andra format

Exempel: Lab till HEX

FärgLabHEX
lab(54.29 80.8 69.89)#ff0000
lab(87.82 -79.27 80.99)#00ff00
lab(29.57 68.29 -112.03)#0000ff
lab(100 0 0)#ffffff
lab(0 0 0)#000000
lab(53.59 0 0)#808080
lab(61.03 63.55 55.96)#ff5733
lab(54.62 8.76 -65.79)#3b82f6
lab(66.69 -50.67 17.06)#10b981
lab(72.79 26.93 75.43)#f59e0b
lab(50.69 45.85 -71.8)#8b5cf6
lab(57.31 67.87 -7.12)#ec4899

Om Lab och HEX

CIE Lab beskriver ljusheten L och två färgaxlar, a (grönt till rött) och b (blått till gult). Det är enhetsoberoende och används för färgskillnader som ΔE.

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.

Så fungerar konverteringen

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

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

Är konverteringen från Lab till HEX 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.