Kleurkiezer en converter
Kies een kleur en converteer direct tussen HEX-, RGB- en HSL-formaten. Gratis en draait volledig in uw browser.
De kleurkiezer en converter gebruiken
- Click the large color preview swatch to open your browser's native color picker.
- U kunt ook een HEX-waarde rechtstreeks in het HEX-veld typen (bijv. #ff5733).
- Pas individuele R-, G-, B-waarden (0-255) of H-, S-, L-waarden aan om fijn af te stemmen.
- Alle formaten worden in realtime bijgewerkt wanneer u een waarde wijzigt.
- Gebruik de knoppen Kopiëren om een geformatteerde kleurwaarde naar uw klembord te kopiëren.
- Controleer het contrastvoorbeeld om te zien hoe zwarte en witte tekst eruitziet op uw gekozen kleur.
Veelgestelde vragen
Wat is het HEX-kleurformaat?
HEX is een zescijferige hexadecimale weergave van een kleur met het voorvoegsel #. Elk paar cijfers vertegenwoordigt de rode, groene en blauwe kanalen (bijv. #ff5733 betekent R=255, G=87, B=51). Het is het meest gebruikte formaat in webdesign en CSS.
Wat is het verschil tussen RGB en HSL?
RGB definieert een kleur door de rode, groene en blauwe lichtcomponenten (elk 0-255). HSL definieert een kleur door Tint (0-360 graden op het kleurenwiel), Verzadiging (0-100%%) en Lichtheid (0-100%%). HSL is vaak intuïtiever voor ontwerpers omdat u eenvoudig de helderheid of verzadiging kunt aanpassen zonder de tint te beïnvloeden.
Waarom is contrastcontrole belangrijk?
Voldoende contrast tussen tekst- en achtergrondkleuren is essentieel voor leesbaarheid en toegankelijkheid. De WCAG-richtlijnen bevelen een minimale contrastverhouding van 4,5:1 aan voor normale tekst. Het contrastvoorbeeld helpt u visueel te verifiëren dat tekst leesbaar blijft op uw gekozen kleur.
Worden mijn gegevens ergens opgeslagen?
Nee. Alle kleurconversies gebeuren volledig in uw browser met JavaScript. Er worden geen gegevens naar een server verzonden.
Meer gratis tools