Kleurenomrekenaar

Zo doe je het

1. 1
   Vul de velden in

   Typ je getallen of kies de opties die je nodig hebt.

2. 2
   Bekijk het resultaat

   Het antwoord wordt meteen bijgewerkt als je een waarde wijzigt.

3. 3
   Gebruik het

   Kopieer het resultaat of noteer het. Er wordt niets ergens naartoe gestuurd.

About this tool

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

Uitgewerkt voorbeeld

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Tips voor het beste resultaat

Controleer elk veld voordat je een resultaat vertrouwt, want één verkeerd cijfer verandert het hele antwoord. Gebruik de exacte getallen van een loonstrook, factuur, certificaat of contract en noteer de datum waarop je rekende. Tarieven, drempels en regels veranderen af en toe, dus beschouw het resultaat voor belasting, kosten en juridische zaken als een schatting en controleer het met de officiële bron die op deze pagina staat. Je kunt zoveel scenario's proberen als je wilt; er wordt niets opgeslagen of verzonden en de pagina vernieuwen wist de velden.