OKLCH naar HEX
Een converter van OKLCH naar HEX, gratis en in je browser: plak een oklch()-waarde uit een stylesheet of een Tailwind 4-thema en je krijgt de hexcode die ontwerptools, e-mailsjablonen en oudere apps verwachten. oklch(70% 0.12 250) wordt #61A3E6. Ligt de OKLCH-kleur buiten sRGB, dan krijg je de dichtstbijzijnde hexcode en een melding.
Zo zet je OKLCH om naar HEX
- 1Plak oklch() in "Kleur" of typ L, C en H, zoals 0.7 0.12 250
- 2Een melding onder het kleurvlak betekent dat de kleur buiten sRGB lag
- 3Kopieer de hexcode uit de grote regel
- Een hexcode zoals #61A3E6
Zo werkt het
- Lichtheid op twee manieren.Typ L als 0.7 of als 70%: allebei betekenen ze dezelfde lichtheid
- Buiten bereik? Opgelost.Kleuren buiten sRGB verliezen chroma tot ze passen, zoals CSS Color 4 het voorschrijft
- Er wordt niets verstuurd.De getallen worden in je browser uitgerekend
Wat je kunt doen
- OKLCH omzetten naar een hexcode van zes tekens, uit drie losse getallen of een volledige oklch()-waarde
- Chroma ook als percentage schrijven, waarbij 100% voor 0.4 staat, en de tint in deg, rad, grad of turn
- De dichtstbijzijnde kleur uit Tailwind 4 en Tailwind 3 en de dichtstbijzijnde CSS-naam bij het resultaat zien
- RGB, HSL of CMYK van dezelfde kleur uit de lijst eronder kopiëren
Goed om te weten
- OKLCH haalt kleuren die sRGB, het bereik van HEX, niet kan tonen. oklch(0.7 0.3 145) wordt bijvoorbeeld #00C300: dezelfde lichtheid en tint, minder chroma
- De lichtheid loopt van 0 tot 1, of van 0% tot 100%. Een waarde daarbuiten geeft een melding in plaats van een kleur
- Decimalen schrijf je met een punt, dus 0.7 in plaats van 0,7. Een komma scheidt hier de getallen
- Een hexcode heeft hele stappen. De eigen OKLCH-waarde ervan kan daarom in de laatste decimalen iets afwijken van wat je typte
Vragen
Hoe zet ik OKLCH om naar hex?
Plak de oklch()-waarde of typ de drie getallen in het veld. De hexcode verschijnt in de grote regel, klaar voor "Kopiëren". oklch(55% 0.15 300) geeft bijvoorbeeld #8059BB.
Waarom is mijn hexkleur minder fel dan de OKLCH-kleur?
Je OKLCH-waarde heeft meer chroma dan sRGB bij deze lichtheid en tint kan bevatten. HEX kan niet buiten sRGB, dus de tool verlaagt de chroma, houdt lichtheid en tint gelijk en toont een melding.
Kan ik Tailwind 4-kleuren omzetten naar hex?
Ja. Plak de oklch()-waarde uit het thema of typ gewoon de naam, zoals sky-500. De tool leest ook Tailwind-namen.
Wordt mijn kleur geüpload?
Nee. Alles gebeurt in je browser en er wordt geen verzoek met je kleur gedaan.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites