# OKLCH tot Display P3 Kleurindeling converteren Converteer OKLCH-kleuren in één stap naar Display P3. Voer een OKLCH-waarde in CSS-syntaxis of als losse getallen in en krijg het exacte equivalent in Display P3, afgerond voor CSS en berekend met de culori-bibliotheek. Wanneer Display P3 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. ## Veelgestelde vragen ### Tussen welke indelingen kan ik 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). ### Hoe voer ik de invoerkleur in? 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. ### Hoe wordt CMYK 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. ### Hoe voer ik een CMYK-invoer in? 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. ### Wat gebeurt er met kleuren buiten het doelkleurbereik? 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. ### Blijft transparantie behouden? 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. ### Hoe nauwkeurig zijn de resultaten? 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. ### Welke Lab- en LCH-indelingen gebruikt de converter? 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. ### Kan ik meerdere kleuren tegelijk converteren? 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. ### Waarom hebben grijstinten een tint van 0? 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. ## Verwant gereedschap ### [Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/) 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. ### [OKLCH tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-hex/) Converteer OKLCH-kleuren in één stap naar HEX. Voer een OKLCH-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. ### [OKLCH tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-rgb/) Converteer OKLCH-kleuren in één stap naar RGB. Voer een OKLCH-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. ### [OKLCH tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-hsl/) Converteer OKLCH-kleuren in één stap naar HSL. Voer een OKLCH-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. ### [OKLCH tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-hwb/) Converteer OKLCH-kleuren in één stap naar HWB. Voer een OKLCH-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. ### [OKLCH tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-lab/) Converteer OKLCH-kleuren in één stap naar CIELAB. Voer een OKLCH-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. **Alle 90 gerelateerde tools weergeven** - [OKLCH tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-lch/) - [OKLCH tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-oklab/) - [OKLCH tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklch-to-cmyk/) - [HEX tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-p3/) - [RGB tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-p3/) - [HSL tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-p3/) - [HWB tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-p3/) - [CIELAB tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-p3/) - [CIE LCH tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-p3/) - [OKLab tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-p3/) - [CMYK tot Display P3 Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-p3/) - [HEX tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-rgb/) - [HEX tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-hsl/) - [HEX tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-hwb/) - [HEX tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-lab/) - [HEX tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-lch/) - [HEX tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-oklab/) - [HEX tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-oklch/) - [HEX tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hex-to-cmyk/) - [RGB tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-hex/) - [RGB tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-hsl/) - [RGB tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-hwb/) - [RGB tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-lab/) - [RGB tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-lch/) - [RGB tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-oklab/) - [RGB tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-oklch/) - [RGB tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/rgb-to-cmyk/) - [HSL tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-hex/) - [HSL tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-rgb/) - [HSL tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-hwb/) - [HSL tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-lab/) - [HSL tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-lch/) - [HSL tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-oklab/) - [HSL tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-oklch/) - [HSL tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hsl-to-cmyk/) - [HWB tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-hex/) - [HWB tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-rgb/) - [HWB tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-hsl/) - [HWB tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-lab/) - [HWB tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-lch/) - [HWB tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-oklab/) - [HWB tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-oklch/) - [HWB tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/hwb-to-cmyk/) - [CIELAB tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-hex/) - [CIELAB tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-rgb/) - [CIELAB tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-hsl/) - [CIELAB tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-hwb/) - [CIELAB tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-lch/) - [CIELAB tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-oklab/) - [CIELAB tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-oklch/) - [CIELAB tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lab-to-cmyk/) - [CIE LCH tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-hex/) - [CIE LCH tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-rgb/) - [CIE LCH tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-hsl/) - [CIE LCH tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-hwb/) - [CIE LCH tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-lab/) - [CIE LCH tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-oklab/) - [CIE LCH tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-oklch/) - [CIE LCH tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/lch-to-cmyk/) - [OKLab tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-hex/) - [OKLab tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-rgb/) - [OKLab tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-hsl/) - [OKLab tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-hwb/) - [OKLab tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-lab/) - [OKLab tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-lch/) - [OKLab tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-oklch/) - [OKLab tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/oklab-to-cmyk/) - [CMYK tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-hex/) - [CMYK tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-rgb/) - [CMYK tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-hsl/) - [CMYK tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-hwb/) - [CMYK tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-lab/) - [CMYK tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-lch/) - [CMYK tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-oklab/) - [CMYK tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/cmyk-to-oklch/) - [Display P3 tot HEX Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-hex/) - [Display P3 tot RGB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-rgb/) - [Display P3 tot HSL Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-hsl/) - [Display P3 tot HWB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-hwb/) - [Display P3 tot CIELAB Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-lab/) - [Display P3 tot CIE LCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-lch/) - [Display P3 tot OKLab Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-oklab/) - [Display P3 tot OKLCH Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-oklch/) - [Display P3 tot CMYK Kleurindeling converteren](https://oneclick.pro/nl/tool/color-format-converter/p3-to-cmyk/) Hier adverteren? [E-mail ons](mailto:hi@dennn.is?subject=Adverteren%20op%20OneClick%20Pro) [Advertentie De plug-insuite voor agents van WordPress.](https://sleekwp.com/?ref=oneclickpro)