RGB naar OKLCH
RGB naar OKLCH omzetten, gratis: typ rood, groen en blauw van 0 tot 255 en je krijgt de oklch()-waarde om een bestaand palet naar moderne CSS over te zetten. rgb(59, 130, 246) wordt oklch(62.308% 0.18801 259.81). Staan je kleuren in OKLCH, dan is een lichtere of donkerdere tint gewoon een ander eerste getal. Het draait in je browser.
Zo zet je RGB om naar OKLCH
- 1Typ R, G en B in "Kleur", zoals 59 130 246
- 2Of plak rgb(59, 130, 246), een hexcode of een CSS-naam
- 3Kopieer de oklch()-waarde uit de grote regel
- Je RGB-kleur als oklch(L C H) voor je stylesheet
Handig bij een paletverhuizing
- Losse getallen werken.Op deze pagina wordt 59 130 246 gelezen als RGB, met spaties of komma's tussen de getallen
- Eén kleur, meer weergaven.OKLab, Lab, LCH, HSL en HEX van de kleur staan ook in de lijst, elk met een kopieerknop
- Er wordt niets verstuurd.Je browser rekent de waarden uit, op je eigen apparaat
Wat je kunt doen
- RGB van 0 tot 255, of rgb() met percentages, omzetten naar oklch() met L in procenten
- Een kleur kiezen met de kleurkiezer: het veld schrijft hem als rgb(), de OKLCH-waarde volgt
- De dichtstbijzijnde kleur uit Tailwind 4 zien, waarvan het palet in OKLCH is vastgelegd, plus die uit Tailwind 3 en de dichtstbijzijnde CSS-naam
- Ook OKLab kopiëren, als je code kleuren in die ruimte mengt
Goed om te weten
- RGB wordt gelezen als sRGB, de kleurruimte van het web. Elke sRGB-kleur past in OKLCH, dus in deze richting wordt niets verschoven of afgekapt
- Elk kanaal loopt van 0 tot 255. Een waarde daarbuiten geeft een melding in plaats van een kleur
- Bij grijs is de chroma 0 en heeft de tint geen betekenis, dus wordt de tint als 0 geschreven
Vragen
Hoe zet ik RGB om naar OKLCH?
Typ de drie RGB-getallen in het veld. De oklch()-waarde verschijnt meteen in de grote regel. 34 197 94 geeft bijvoorbeeld oklch(72.275% 0.19201 149.58).
Wat betekenen de drie OKLCH-getallen?
L is de lichtheid van 0% (zwart) tot 100% (wit). C is de chroma, hoe kleurrijk de kleur is, van 0 voor grijs tot ongeveer 0.32 in sRGB. H is de tinthoek van 0 tot 360.
Ziet de kleur er na het omzetten hetzelfde uit?
Ja. De oklch()-waarde beschrijft dezelfde kleur als je RGB en geeft teruggerekend weer dezelfde RGB-getallen. Alleen de schrijfwijze verandert.
Wordt mijn kleur ergens geüpload?
Nee. Het omrekenen gebeurt in je browser. 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