Converteer kleuren direct in elke richting
Een kleurenconverter is alleen nuttig als deze elke notatie uitspreekt die u doet. Deze tool converteert HEX naar RGB en omgekeerd, en overbrugt ook HSL, HSV (ook wel HSB genoemd) en CMYK — allemaal tegelijk en in realtime. Typ een HEX zoals #3b82f6 en je krijgt onmiddellijk de rgb(59, 130, 246), de hsl(217, 91%, 60%), de hsv(217, 97%, 96%) en de cmyk(76%, 47%, 0%, 4%). Wijzig een enkel veld en de andere volgen, zodat u kunt redeneren in het model dat bij de taak past: HEX voor opmaak, RGB voor canvas en verlopen, HSL/HSV voor intuïtieve lichtheids- en verzadigingsaanpassingen, en CMYK wanneer een ontwerp moet worden afgedrukt.
Van HEX tot RGB, HSL, HSV en CMYK zonder wiskunde
Onder de motorkap normaliseert de converter elke invoer naar een enkele RGB-triple en past vervolgens de standaard sRGB-formules toe om de andere ruimtes af te leiden - dezelfde wiskundige browsers en ontwerptools gebruiken, dus de cijfers komen overeen met wat je ziet in Figma, Photoshop of Chrome DevTools. Het begrijpt ook steno HEX (#fff), 8-cijferige HEX met alfa (#3b82f6aa), rgb()/rgba(), hsl()/hsla() en veelgebruikte CSS-namen zoals karmozijnrood, groenblauw en goud, zodat u nooit een formule hoeft te onthouden of van tabblad hoeft te wisselen. Elk formaat heeft een kopieerknop en het grote voorbeeldstaal toont uw kleur op een echte achtergrond, zodat u deze in één oogopslag kunt controleren.
Ontwerp betere paletten met harmonieën en hellingen
Het kiezen van een enkele kleur is eenvoudig; het opbouwen van een samenhangend palet is het moeilijkste deel. De converter genereert kleurharmonieën op basis van kleurtheorieregels (complementair (tegenovergesteld op het wiel), analoog (buren), triadisch en tetradisch (gelijkmatig verdeeld)) als klikbare stalen die u rechtstreeks in uw project kunt plaatsen. Een lichtheidshelling loopt van bijna zwart naar bijna wit met dezelfde tint en verzadiging, waardoor je de tinten en tinten krijgt waar ontwerpers naar streven wanneer ze hover-, rand- en uitgeschakelde staten nodig hebben. Met een tweekleurenmixer kunt u elk paar in een gekozen verhouding mengen om tussenvormen te creëren, en met een fijnafgestelde rij kunt u de tint met één klik lichter, donkerder, verzadigen, desatureren of roteren.
Toegankelijkheid en privacy ingebouwd
Goede kleur is leesbare kleur. De converter toont de WCAG-contrastverhouding van uw kleur ten opzichte van zowel wit als zwart en markeert de naleving van AA (4,5:1) en AAA (7:1), zodat u tekst met laag contrast kunt opvangen voordat deze wordt verzonden - een natuurlijke aanvulling op de speciale contrastcontrole. En omdat alles lokaal in uw browser draait, verlaten uw kleuren uw apparaat nooit: er is geen upload, geen account en geen tracking, waardoor het werk van merk en klant privé blijft terwijl de tool direct beschikbaar blijft.
- 01
- Bidirectioneel HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, met alfa
- 02
- Interactieve RGB-, HSL- en alfa-schuifregelaars met live verlooptracks
- 03
- Native kleurenkiezer + browser-eyedropper
- 04
- Recente geschiedenis + opgeslagen stalen (bewaard in uw browser)
- 05
- Ondersteuning voor CSS-kleuren (karmozijnrood, groenblauw, goud...)
- 06
- Harmonies, tint/schaduwhelling + tweekleurenmixer
- 07
- Voorbeeld van kleurenblindheid (protanopie, deuteranopie, tritanopie)
- 08
- Live WCAG AA/AAA-contrastbadges
- 09
- Kopieerklare export voor CSS, Tailwind, SCSS, Swift en Android
