Gå til farvevælgeren

Konvertér HSLA til LCH

Indsæt en HSLA-værdi, og få LCH med det samme. Alle andre formater virker også.

Genkendt som HSL

LCH-værdilch(61.03 84.67 41.37 / 0.8)
LCH til HSLA

Samme farve uden gennemsigtighed, som dækkende LCH

Justér farven

11°
80 %

68 %
0,210
34°

Alle andre formater

Opacitetstabel: HEX-alfa og HSLA

I 8-cifret HEX bestemmer de sidste to cifre opaciteten: FF er helt dækkende, 80 er omkring 50 %, og 00 er helt gennemsigtig. Tabellen viser eksempelfarven i trin på 5 %.

OpacitetHEX-alfaHEXHSLA
100%ff#ff5733hsla(10.59, 100%, 60%, 1)
95%f2#ff5733f2hsla(10.59, 100%, 60%, 0.95)
90%e6#ff5733e6hsla(10.59, 100%, 60%, 0.9)
85%d9#ff5733d9hsla(10.59, 100%, 60%, 0.85)
80%cc#ff5733cchsla(10.59, 100%, 60%, 0.8)
75%bf#ff5733bfhsla(10.59, 100%, 60%, 0.75)
70%b3#ff5733b3hsla(10.59, 100%, 60%, 0.7)
65%a6#ff5733a6hsla(10.59, 100%, 60%, 0.65)
60%99#ff573399hsla(10.59, 100%, 60%, 0.6)
55%8c#ff57338chsla(10.59, 100%, 60%, 0.55)
50%80#ff573380hsla(10.59, 100%, 60%, 0.5)
45%73#ff573373hsla(10.59, 100%, 60%, 0.45)
40%66#ff573366hsla(10.59, 100%, 60%, 0.4)
35%59#ff573359hsla(10.59, 100%, 60%, 0.35)
30%4d#ff57334dhsla(10.59, 100%, 60%, 0.3)
25%40#ff573340hsla(10.59, 100%, 60%, 0.25)
20%33#ff573333hsla(10.59, 100%, 60%, 0.2)
15%26#ff573326hsla(10.59, 100%, 60%, 0.15)
10%1a#ff57331ahsla(10.59, 100%, 60%, 0.1)
5%0d#ff57330dhsla(10.59, 100%, 60%, 0.05)
0%00#ff573300hsla(10.59, 100%, 60%, 0)

Eksempler: HSLA til LCH

FarveHSLALCH
hsla(0, 100%, 50%, 1)lch(54.29 106.84 40.86)
hsla(120, 100%, 50%, 1)lch(87.82 113.33 134.38)
hsla(240, 100%, 50%, 1)lch(29.57 131.2 301.36)
hsla(0, 0%, 100%, 1)lch(100 0 0)
hsla(0, 0%, 0%, 1)lch(0 0 0)
hsla(0, 0%, 50.2%, 1)lch(53.59 0 0)
hsla(10.59, 100%, 60%, 1)lch(61.03 84.67 41.37)
hsla(217.22, 91.22%, 59.8%, 1)lch(54.62 66.37 277.59)
hsla(160.12, 84.08%, 39.41%, 1)lch(66.69 53.46 161.39)
hsla(37.69, 92.13%, 50.2%, 1)lch(72.79 80.1 70.35)
hsla(258.31, 89.53%, 66.27%, 1)lch(50.69 85.19 302.56)
hsla(330.37, 81.19%, 60.39%, 1)lch(57.31 68.24 354.01)

Om HSLA og LCH

HSLA er HSL med en alfakanal til opacitet, skrevet som hsla(11, 100%, 60%, 0.5). Alfa går fra 0 (helt gennemsigtig) til 1 (helt dækkende), og moderne CSS accepterer det også i hsl().

CIE LCH er Lab i polær form: lyshed, kroma og farvetone. Det er lettere at arbejde med end Lab og understøttes i CSS som lch().

Sådan fungerer konverteringen

Vi læser HSLA-værdien, omregner den til CIE XYZ med matricerne fra specifikationen CSS Color 4 og derefter til LCH. Værdier uden for målets farveomfang tilpasses med algoritmen fra CSS Color 4, som bevarer lyshed og farvetone og sænker kroma.

Spørgsmål og svar

Hvordan konverterer jeg HSLA til LCH?

Indsæt eller skriv en HSLA-værdi i feltet ovenfor. PickShade konverterer den med formlerne fra CSS Color 4, mens du skriver, og ét klik kopierer LCH-værdien.

Er konverteringen fra HSLA til LCH præcis?

Beregningen er præcis, og resultatet afrundes kun til visning, med nok cifre til at regne tilbage til samme farve. Hvis farven ikke passer i målets farveomfang, advarer PickShade dig og viser den nærmeste farve, der passer.

Kan jeg få andre formater på samme tid?

Ja. Alle andre formater, også OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ét klik.

Er konverteren gratis?

Ja. Den er gratis, kræver ingen tilmelding og kører helt i din browser.