Converteer OKLab-kleuren in één stap naar CIELAB. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in CIELAB, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer CIELAB de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
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.
Converteer een kleur tussen HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK en Display P3. Kies de bron- en doelindeling, voer de waarde in CSS-syntaxis of als losse getallen in en krijg een resultaat dat klaar is voor CSS, berekend met de culori-bibliotheek. Kleuren buiten het doelkleurbereik worden omgezet volgens de specificatie van CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen code en ontwerptools.
Converteer OKLab-kleuren in één stap naar HEX. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in HEX, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer HEX de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
Converteer OKLab-kleuren in één stap naar RGB. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in RGB, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer RGB de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
Converteer OKLab-kleuren in één stap naar HSL. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in HSL, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer HSL de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
Converteer OKLab-kleuren in één stap naar HWB. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in HWB, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer HWB de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
Converteer OKLab-kleuren in één stap naar CIE LCH. Voer een OKLab-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in CIE LCH, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer CIE LCH de kleur niet kan weergeven, wordt deze omgezet naar de dichtstbijzijnde kleur binnen het kleurbereik, zoals gespecificeerd in CSS Color 4. Gemaakt voor ontwikkelaars en ontwerpers die kleuren uitwisselen tussen stylesheets, ontwerptools en specificaties.
OneClick Pro is een gratis verzameling van meer dan 150 webtools voor dagelijks werk: afbeeldingen en eenheden converteren, code opmaken en valideren, domeinen en SEO controleren, en werken met tekst, datums en getallen. Elke tool werkt zonder registratie of abonnement. Wat u invoert, wordt alleen gebruikt om uw resultaat te berekenen en wordt nooit opgeslagen. Gebruik de verzameling als snelle gereedschapskist voor eenmalige taken of maak een bladwijzer van de tools die u dagelijks gebruikt.