Zet een kleur om tussen HEX-, RGB- en HSL-notatie — kies er een met de kleurkiezer of typ een waarde, en de andere twee formaten werken direct bij. Handig voor CSS-werk, het matchen van huisstijlkleuren of het overnemen van een waarde uit je ontwerptool in code.
Welke formaten worden ondersteund?
Converteer kleuren direct tussen HEX-, RGB- en HSL-notatie. Een handig hulpmiddel voor webdesign en CSS, om merkkleuren op elkaar af te stemmen of om een waarde uit een ontwerptool om te zetten naar het formaat dat je code nodig heeft.
Hoe gebruik je de kleurconverter?
- Kies een kleur of voer een waarde in — kies een kleur met de kleurenkiezer of voer rechtstreeks een HEX-, RGB- of HSL-waarde in.
- Automatische conversie — de waarden in de overige formaten worden meteen mee bijgewerkt.
- Kopiëren — haal de waarde op met de knop 'Kopiëren' naast het gewenste formaat.
Wat is het verschil tussen HEX, RGB en HSL?
HEX (bijv. #1a73e8) is een compacte zescijferige code die veel in CSS wordt gebruikt. RGB beschrijft een kleur aan de hand van de rood-, groen- en blauwkanalen (0–255). HSL gebruikt tint, verzadiging en helderheid, waardoor je een kleur makkelijker met de hand kunt aanpassen.
Hoe lees je een HEX-code?
HEX heeft de vorm #RRGGBB, waarbij rood, groen en blauw elk worden weergegeven als een tweecijferig hexadecimaal getal (00–FF, oftewel 0–255). Zo is #FF0000 rood en #00FF00 groen. Er bestaat ook een driecijferige verkorte vorm (#RGB), die gelijk is aan het tweemaal herhalen van elk cijfer.
Wanneer kun je HSL het beste gebruiken?
HSL is intuïtief wanneer je alleen de tint (Hue) draait om de kleurtoon te wijzigen, of alleen de verzadiging en helderheid aanpast om lichtere en donkerdere varianten binnen dezelfde kleurfamilie te maken. Het is bijzonder handig om een kleur met de hand fijn af te stemmen of om een palet samen te stellen.
Waar worden de ingevoerde kleurwaarden naartoe gestuurd?
Nergens naartoe. Alle conversies vinden uitsluitend in je browser plaats, dus de waarden worden niet naar een server geüpload en de tool werkt ook offline.