Kleurenconverter

Wat is een kleurconverter?

Een kleurconverter zet kleuren om tussen verschillende kleurmodellen: HEX, RGB, HSL, HSV, CMYK en meer. Essentieel voor webdesign, grafisch ontwerp en het garanderen van consistente kleuren.

Elke kleurruimte heeft specifieke toepassingen: HEX/RGB voor webontwikkeling, CMYK voor drukwerk, HSL/HSV voor intuïtieve kleurselectie, en LAB voor perceptuele uniformiteit.

Kleurmodellen

• HEX — 6-tekens hexadecimale code (#FF5733). De webstandaard. Elk paar vertegenwoordigt rood, groen, blauw (0-255 per kanaal).
• RGB — Rood, Groen, Blauw (0-255 per kanaal). Additief mengen: alle kleuren samen = wit. Beeldschermen gebruiken RGB.
• HSL — Tint (0-360 graden), Verzadiging (0-100%), Helderheid (0-100%). Intuïtiever dan RGB voor het aanpassen van kleurtinten.
• CMYK — Cyaan, Magenta, Geel, Zwart. Subtractief mengen voor drukwerk. Alle kleuren samen = (bijna) zwart.
• CMYK — vier waarden (0-100%) voor cyaan, magenta, geel en zwart. Gebruikt in drukproductie.

Hoe gebruikt u deze tool?

Voer een kleurwaarde in in elk ondersteund formaat. Alle andere formaten worden automatisch berekend. Gebruik de kleurkiezer voor visuele selectie.

Kleuren op het web

CSS ondersteunt meerdere kleurnotaties: hex (#FF5733), rgb(255, 87, 51), hsl(11, 100%, 60%), en benoemde kleuren (red, blue, etc.). Moderne CSS voegt oklch() en color() toe voor bredere kleurruimten en betere perceptuele uniformiteit.

Veelgestelde vragen

Waarom ziet dezelfde kleurcode er anders uit op verschillende schermen?

Monitors hebben verschillende kleurprofielen, helderheidsinstelling en kleurruimte-ondersteuning (sRGB vs. P3 vs. Adobe RGB). Een gekalibreerd scherm toont kleuren het nauwkeurigst. Voor drukwerk: gebruik altijd CMYK-kleurwaarden met een ICC-profiel.

Wat is het verschil tussen HEX en RGB?

Dezelfde informatie, andere notatie. #FF5733 = rgb(255, 87, 51). HEX is hexadecimaal (basis 16), RGB is decimaal (basis 10). HEX is compacter en de traditie in webdesign; RGB is leesbaarder en biedt een alfa-kanaal: rgba(255, 87, 51, 0.5).