HEX- en RGB-kleuren omzetten

Ideaal voor ontwerpers en frontendbouwers die een kleur uit een ontwerp naar de juiste CSS-notatie willen overbrengen.

Wissel kleurwaarden tussen HEX en RGB en ontvang direct de passende schrijfwijze voor je ontwerp. Er worden geen gegevens geüpload.

Hoe te gebruiken

Voer een kleur in hexadecimale of RGB-notatie in het invoerveld in.
Kies de omzetting die je nodig hebt, zoals HEX naar RGB, RGB naar HEX of HEX naar HSL.
Voer de omzetting uit om de bijbehorende waarde in het resultaatveld weer te geven.
Gebruik de opties HSL, HSV of CMYK als je project of software deze vereist.
Kopieer de notatie naar je stylesheet, ontwerp of documentatie.

Voorbeeld

Bekijk bij het meegeleverde groene voorbeeld de weergegeven HEX- en RGB-equivalenten. Dit maakt het gemakkelijker om van een ontwerp naar een stylesheet te gaan zonder waarden handmatig opnieuw te berekenen.

Invoer

rgb(22, 163, 74)

Resultaat

HEX: #16A34A
RGB: rgb(22, 163, 74)

Limieten en formaten

Het hulpmiddel zet kleurnotaties om, maar meet niet het contrast tussen twee tinten.
CMYK-waarden zijn een wiskundige omzetting, geen gekalibreerd drukprofiel.
Controleer het formaat dat je software verwacht voordat je het resultaat plakt.
Transparante kleuren met een alfakanaal worden mogelijk niet door elke aangeboden omzettingsoptie verwerkt.

Waar de verwerking gebeurt

De omzetting gebeurt in je browser. De kleur die je invoert blijft lokaal en wordt niet naar buiten verzonden en niet door de pagina opgeslagen. Je kunt meerdere omzettingen achter elkaar uitvoeren zonder een bestand aan te maken.

Veelgestelde vragen

Wat is het verschil tussen HEX en RGB?

HEX gebruikt hexadecimale cijfers, vaak in CSS, terwijl RGB drie waarden voor rood, groen en blauw geeft. Beide beschrijven dezelfde schermkleur in verschillende notaties.

Is het CMYK-resultaat klaar voor drukwerk?

Nee, het geeft een eenvoudig numeriek equivalent. Professioneel drukwerk vereist een kleurprofiel dat is afgestemd op je pers, inkt en papier.

Kan ik een kleur omzetten zonder de HEX-code te kennen?

Je kunt een RGB-waarde invoeren als je die hebt. Anders kun je de kleur met een kleurenkiezer opnemen en de notatie in de kleuromzetter plakken.