Deze kleurkiezer begint met een zichtbaar kleurvlak en houdt de precieze waarden ernaast. Je kunt een CSS-hexwaarde zoals #3366cc plakken, rood, groen, blauw en alfa bijstellen, of tint, verzadiging en lichtheid aanpassen voor werk aan een designsysteem. Er worden geen kleurwaarden geupload - de conversies gebeuren lokaal in JavaScript.
Gratis kleurkiezer
Draait volledig in je browser - niets uploaden, geen account.
Geselecteerd#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Wat is een kleurkiezer?
Een kleurkiezer is een tool waarmee je een exacte digitale kleur kiest en de waarden voor design of code kopieert. Gebruik het kleurvlak, het HEX-veld, de RGB-sliders of de HSL-instellingen en kopieer direct HEX-, RGB-, HSL-, HSV- of CMYK-waarden. Alles draait in je browser.
Zo werkt het
- 1Kies of plak een kleur. Klik op het grote kleurvlak om de kleurkiezer van je browser te openen, of plak een hexwaarde van 3, 4, 6 of 8 tekens in het HEX-veld.
- 2Pas de kanalen aan. Gebruik de RGB-sliders voor rood, groen, blauw en alfa, of wijzig tint, verzadiging en lichtheid als je een meer ontwerpgerichte bediening wilt.
- 3Kopieer het format dat je nodig hebt. Kopieer HEX, HEX8, RGB, HSL, HSV of CMYK met een klik. De preview en alle uitvoer worden live bijgewerkt.
Voor wie
- Front-end developers die CSS-klare HEX-, RGB- en HSL-waarden kopieren tijdens het bouwen van interfaces.
- Designers die een merkkleur per kanaal verfijnen in plaats van te gokken in een grafische app.
- Marketingteams die campagnekleuren gelijk willen houden in e-mailbuilders, documenten en social assets.
- Studenten en makers die leren hoe RGB, HSL, HSV en CMYK dezelfde kleur beschrijven.
Veelgestelde vragen
Is deze kleurkiezer gratis?
Ja. De kleurkiezer is gratis, vraagt geen registratie en heeft geen gebruikslimiet. Open de pagina, kies een kleur en kopieer het format dat je nodig hebt.
Worden mijn kleuren ergens geupload?
Nee. De picker en conversies draaien in je browser met gewone JavaScript. De geselecteerde kleuren worden niet naar een server gestuurd.
Welke kleurformats kan ik kopieren?
Je kunt HEX, 8-cijferige HEX met alfa, RGB of RGBA, HSL of HSLA, HSV en CMYK kopieren. De tool houdt ze gelijk terwijl je bewerkt.
Kan ik een hexkleur plakken?
Ja. Plak CSS-hexwaarden van 3, 4, 6 of 8 tekens, met of zonder het #-symbool. Korte waarden worden volgens normale CSS-regels uitgebreid.
Wat is HEX8?
HEX8 is een hexkleur van 8 tekens waarbij het laatste paar de alfa opslaat. #3366cc80 is bijvoorbeeld hetzelfde blauw met ongeveer 50% dekking.
Moet ik RGB of HSL gebruiken in CSS?
Gebruik RGB als je exacte kanaalwaarden of alfa met rgba() nodig hebt. Gebruik HSL als je tinten, schaduwen of verwante UI-states wilt maken door verzadiging en lichtheid te wijzigen.