Zet kleuren om tussen formaten
Voer een kleur in elk CSS-formaat in — een HEX-code zoals #3B82F6 of #38F, rgb() of rgba(), hsl(), of een naam zoals tomato — of kies hem met de kleurkiezer. De tool toont dezelfde kleur als HEX, RGB, HSL, HSV en CMYK, klaar om te kopiëren naar je CSS, ontwerptool of drukinstellingen.
Ook zie je hoe leesbaar witte of zwarte tekst op die kleur is, als WCAG-contrastverhouding: 4.5:1 of meer voldoet aan niveau AA voor normale tekst. De kleur wordt door je browser gelezen precies zoals CSS hem zou lezen.
Waarom deze kleurconverter gebruiken?
- HEX, RGB, HSL, HSV en CMYK op één plek
- Accepteert elk CSS-kleurformaat en elke kleurnaam
- Ondersteuning voor transparantie (alfa)
- WCAG-contrast met witte en zwarte tekst
Hoe een kleur te converteren
- Typ of plak een kleur, of kies er een met de kleurkiezer
- Bekijk de kleur in elk formaat naast het voorbeeld
- Klik op de kopieerknop naast het formaat dat je nodig hebt
Veelgestelde vragen
Is deze kleurconverter gratis?
Ja, hij is volledig gratis en werkt in je browser.
Wat is het verschil tussen RGB, HSL en HSV?
RGB mengt rood, groen en blauw licht (elk 0–255). HSL en HSV beschrijven dezelfde kleur aan de hand van tint (0–360°), verzadiging en lichtheid of helderheid, waardoor je makkelijker lichtere, donkerdere of gedemptere varianten maakt.
Wat betekent de contrastverhouding?
Ze vergelijkt de helderheid van de tekst- en achtergrondkleur (WCAG 2). Een verhouding van minstens 4.5:1 is vereist voor normale tekst op niveau AA, 3:1 voor grote tekst; hoe hoger, hoe beter leesbaar.
Wordt er iets naar een server verzonden?
Nee. Alles wordt in je browser berekend.