# HSL til CIE LCH Farveformatkonverter

Konvertér HSL-farver til CIE LCH i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige CIE LCH-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når CIE LCH ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

## Ofte stillede spørgsmål

### Hvilke formater kan jeg konvertere mellem?

Ti formater: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK og Display P3. Alle kan bruges som kilde eller mål, hvilket giver 90 konverteringsretninger. Resultaterne bruger moderne CSS Color 4-syntaks, f.eks. rgb(255 136 0) eller oklch(0.7442 0.1812 56.46).

### Hvordan indtaster jeg inputfarven?

Indtast den fulde CSS-notation for kildeformatet, f.eks. hsl(32 100% 50%) eller color(display-p3 1 0.5 0), eller kun tallene, f.eks. 32, 100 %, 50 % med HSL valgt. Hexkoder fungerer med eller uden # i formater på 3, 4, 6 eller 8 cifre. Værdien skal passe til det valgte kildeformat, så en rgb()-værdi på en HSL-side afvises i stedet for at blive konverteret ved en fejl.

### Hvordan konverteres CMYK?

culori har ingen CMYK-tilstand, så konverteren bruger standardformlen på sRGB-værdier fra 0 til 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), og tilsvarende for M og Y. Den omvendte retning er R = (1 - C) x (1 - K) osv. Dette er ikke en ICC-profilkonvertering, så resultatet matcher ikke outputtet fra en bestemt trykpresse eller papirtype. Brug det til skærmtilnærmelser og grove specifikationer.

### Hvordan skriver jeg CMYK-input?

Brug cmyk(0%, 47%, 100%, 0%), enheds-cmyk(0 0.47 1 0) eller fire rå tal. Værdier med procenttegn er procenter; værdier uden enhed aflæses som brøker fra 0 til 1, medmindre en af dem er over 1. I så fald aflæses de alle som procenter, så 0, 47, 100, 0 fungerer som forventet. CMYK-output skrives altid som procenter med op til to decimaler.

### Hvad sker der med farver uden for målfarverummet?

Lab, LCH, OKLab, OKLCH og Display P3 kan beskrive farver, som sRGB ikke kan vise. Når målet er HEX, RGB, HSL, HWB eller CMYK, som alle bruger sRGB, eller Display P3, tilpasses farver uden for farverummet med CSS Color 4-algoritmen, der sænker OKLCH-kromaen, indtil farven passer, og resultatet får en note. Målformaterne Lab, LCH, OKLab og OKLCH er ubegrænsede og tilpasses aldrig.

### Bevares gennemsigtighed?

Ja, for alle målformater undtagen CMYK. En alfaværdi i inputtet, f.eks. rgb(255 136 0 / 50%) eller #ff880080, skrives som / 0.5 i CSS-funktioner og som en hexkode på 8 cifre. CMYK har ingen alfakanal, så alfaen udelades dér.

### Hvor præcise er resultaterne?

RGB-kanaler afrundes til hele tal fra 0 til 255; HSL, HWB- og CMYK-procenter samt Lab- og LCH-værdier afrundes til to decimaler; OKLab-værdier, OKLCH-lyshed og -kroma samt Display P3-kanaler afrundes til fire decimaler; farvetoner afrundes til to decimaler. Alle beregninger udføres med fuld dobbeltpræcision før afrunding, så konvertering frem og tilbage holder sig inden for afrundingen af originalen.

### Hvilke Lab- og LCH-farverum bruger konverteren?

CIELAB og CIE LCH med D50-hvidpunktet, præcis som funktionerne CSS lab() og lch() definerer dem, med Bradford-tilpasning fra sRGB's D65-hvidpunkt. Lysheden går fra 0 til 100. OKLab og OKLCH er de perceptuelle farverum udviklet af Bjorn Ottosson, som bruges af CSS oklab() og oklch(), med lyshed fra 0 til 1.

### Kan jeg konvertere flere farver på én gang?

Formularen på siden konverterer én farve ad gangen. Klienter, der kalder værktøjet direkte, kan sende op til 100 farver, én pr. linje, og få én konverteret værdi pr. linje i samme rækkefølge. Hver farve må højst være 100 tegn lang.

### Hvorfor viser grå farver en farvetone på 0?

Neutrale farver har ingen farvetone, hvilket CSS kan skrive som none. Konverteren skriver i stedet 0, så værdien også fungerer i værktøjer, der ikke accepterer none. Farvetonen har ingen synlig effekt, når mætning eller kroma er nul.

## Relaterede værktøjer

### [Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/)

Konvertér en farve mellem HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK og Display P3. Vælg kilde- og målformat, indtast værdien i CSS-syntaks eller som rå tal, og få et resultat klar til CSS, beregnet med culori-biblioteket. Farver uden for målfarverummet tilpasses som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem kode og designværktøjer.

### [HSL til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-hex/)

Konvertér HSL-farver til HEX i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige HEX-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når HEX ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

### [HSL til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-rgb/)

Konvertér HSL-farver til RGB i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige RGB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når RGB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

### [HSL til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-hwb/)

Konvertér HSL-farver til HWB i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige HWB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når HWB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

### [HSL til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-lab/)

Konvertér HSL-farver til CIELAB i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige CIELAB-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når CIELAB ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

### [HSL til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-oklab/)

Konvertér HSL-farver til OKLab i ét trin. Indtast en HSL-værdi i CSS-syntaks eller som rå tal, og få den nøjagtige OKLab-ækvivalent, afrundet til CSS og beregnet med culori-biblioteket. Når OKLab ikke kan vise farven, tilpasses den til den nærmeste farve inden for farverummet som angivet i CSS Color 4. Udviklet til udviklere og designere, der flytter farver mellem stylesheets, designværktøjer og specifikationer.

**Vis alle 90 relaterede værktøjer**

- [HSL til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-oklch/)
- [HSL til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-cmyk/)
- [HSL til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hsl-to-p3/)
- [HEX til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-lch/)
- [RGB til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-lch/)
- [HWB til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-lch/)
- [CIELAB til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-lch/)
- [OKLab til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-lch/)
- [OKLCH til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-lch/)
- [CMYK til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-lch/)
- [Display P3 til CIE LCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-lch/)
- [HEX til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-rgb/)
- [HEX til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-hsl/)
- [HEX til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-hwb/)
- [HEX til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-lab/)
- [HEX til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-oklab/)
- [HEX til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-oklch/)
- [HEX til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-cmyk/)
- [HEX til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hex-to-p3/)
- [RGB til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-hex/)
- [RGB til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-hsl/)
- [RGB til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-hwb/)
- [RGB til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-lab/)
- [RGB til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-oklab/)
- [RGB til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-oklch/)
- [RGB til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-cmyk/)
- [RGB til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/rgb-to-p3/)
- [HWB til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-hex/)
- [HWB til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-rgb/)
- [HWB til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-hsl/)
- [HWB til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-lab/)
- [HWB til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-oklab/)
- [HWB til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-oklch/)
- [HWB til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-cmyk/)
- [HWB til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/hwb-to-p3/)
- [CIELAB til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-hex/)
- [CIELAB til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-rgb/)
- [CIELAB til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-hsl/)
- [CIELAB til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-hwb/)
- [CIELAB til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-oklab/)
- [CIELAB til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-oklch/)
- [CIELAB til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-cmyk/)
- [CIELAB til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lab-to-p3/)
- [CIE LCH til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-hex/)
- [CIE LCH til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-rgb/)
- [CIE LCH til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-hsl/)
- [CIE LCH til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-hwb/)
- [CIE LCH til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-lab/)
- [CIE LCH til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-oklab/)
- [CIE LCH til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-oklch/)
- [CIE LCH til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-cmyk/)
- [CIE LCH til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/lch-to-p3/)
- [OKLab til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-hex/)
- [OKLab til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-rgb/)
- [OKLab til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-hsl/)
- [OKLab til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-hwb/)
- [OKLab til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-lab/)
- [OKLab til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-oklch/)
- [OKLab til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-cmyk/)
- [OKLab til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklab-to-p3/)
- [OKLCH til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-hex/)
- [OKLCH til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-rgb/)
- [OKLCH til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-hsl/)
- [OKLCH til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-hwb/)
- [OKLCH til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-lab/)
- [OKLCH til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-oklab/)
- [OKLCH til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-cmyk/)
- [OKLCH til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/oklch-to-p3/)
- [CMYK til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-hex/)
- [CMYK til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-rgb/)
- [CMYK til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-hsl/)
- [CMYK til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-hwb/)
- [CMYK til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-lab/)
- [CMYK til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-oklab/)
- [CMYK til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-oklch/)
- [CMYK til Display P3 Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/cmyk-to-p3/)
- [Display P3 til HEX Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-hex/)
- [Display P3 til RGB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-rgb/)
- [Display P3 til HSL Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-hsl/)
- [Display P3 til HWB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-hwb/)
- [Display P3 til CIELAB Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-lab/)
- [Display P3 til OKLab Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-oklab/)
- [Display P3 til OKLCH Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-oklch/)
- [Display P3 til CMYK Farveformatkonverter](https://oneclick.pro/da/tool/color-format-converter/p3-to-cmyk/)

Din annonce her?

[Send os en e-mail](mailto:hi@dennn.is?subject=Annoncering%20p%C3%A5%20OneClick%20Pro)

[Annonce Pluginsamlingen, der er klar til agenter, til WordPress.](https://sleekwp.com/?ref=oneclickpro)
