OKLCH tot HSL Kleurindeling converteren

Tien indelingen: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK en Display P3. Elke indeling kan als bron of doel dienen, wat 90 conversierichtingen oplevert. De resultaten gebruiken de moderne syntaxis van CSS Color 4, zoals rgb(255 136 0) of oklch(0.7442 0.1812 56.46).

Voer de volledige CSS-notatie van de bronindeling in, zoals hsl(32 100% 50%) of color(display-p3 1 0.5 0), of alleen de getallen, zoals 32, 100%, 50% wanneer HSL is geselecteerd. Hex-codes werken met of zonder # en kunnen 3, 4, 6 of 8 cijfers bevatten. De waarde moet overeenkomen met de geselecteerde bronindeling. Een rgb()-waarde op een HSL-pagina wordt daarom geweigerd, zodat deze niet per ongeluk wordt geconverteerd.

culori heeft geen CMYK-modus, dus gebruikt de converter de standaard eenvoudige formule op sRGB-waarden van 0 tot 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), en hetzelfde voor M en Y. De omgekeerde richting is R = (1 - C) x (1 - K), enzovoort. Dit is geen conversie met een ICC-profiel en komt dus niet overeen met de uitvoer voor een specifieke drukpers of papiersoort. Gebruik dit voor schermbenaderingen en globale specificaties.

Gebruik cmyk(0%, 47%, 100%, 0%), apparaat-cmyk(0 0.47 1 0) of vier losse getallen. Waarden met een procentteken zijn percentages; waarden zonder eenheid worden gelezen als fracties van 0 tot 1, tenzij een ervan groter is dan 1. In dat geval worden ze allemaal als percentages gelezen, zodat 0, 47, 100, 0 werkt zoals verwacht. CMYK-uitvoer wordt altijd geschreven als percentages met maximaal twee decimalen.

Lab, LCH, OKLab, OKLCH en Display P3 kunnen kleuren beschrijven die sRGB niet kan weergeven. Wanneer HEX, RGB, HSL, HWB of CMYK het doel is — dit zijn allemaal sRGB-indelingen — of Display P3, wordt een kleur buiten het kleurbereik omgezet met het CSS Color 4-algoritme. Dit verlaagt de OKLCH-kleurigheid totdat de kleur binnen het bereik past; het resultaat krijgt een toelichting. Doelindelingen Lab, LCH, OKLab en OKLCH zijn onbegrensd en worden nooit omgezet.

Ja, voor elk doel behalve CMYK. Een alfawaarde in de invoer, zoals rgb(255 136 0 / 50%) of #ff880080, wordt geschreven als / 0.5 binnen CSS-functies en als een hex-code van 8 cijfers. CMYK heeft geen alfakanaal, dus daar wordt de alfawaarde weggelaten.

RGB-kanalen worden afgerond op hele getallen van 0 tot 255; percentages voor HSL, HWB en CMYK en waarden voor Lab en LCH op twee decimalen; OKLab-waarden, OKLCH-lichtheid en kleurigheid en Display P3-kanalen op vier decimalen; tinten op twee decimalen. Alle berekeningen gebruiken volledige dubbele precisie voordat ze worden afgerond, zodat heen en terug converteren binnen de afronding van het origineel blijft.

CIELAB en CIE LCH met het D50-witpunt, precies zoals gedefinieerd door de CSS-functies lab() en lch(), met Bradford-aanpassing vanaf het D65-witpunt van sRGB. De lichtheid loopt van 0 tot 100. OKLab en OKLCH zijn de perceptuele kleurruimten van Bjorn Ottosson, gebruikt door CSS oklab() en oklch(), met een lichtheid van 0 tot 1.

Het formulier op de pagina converteert één kleur tegelijk. Clients die de tool rechtstreeks aanroepen, kunnen maximaal 100 kleuren versturen, één per regel, en krijgen per regel één geconverteerde waarde terug in dezelfde volgorde. Elke kleur mag maximaal 100 tekens lang zijn.

Neutrale kleuren hebben geen tint; CSS kan dit schrijven als none. De converter schrijft in plaats daarvan 0, zodat de waarde ook werkt in tools die none niet accepteren. De tint heeft geen zichtbaar effect wanneer de verzadiging of kleurigheid nul is.