Voer een kleur in in elk formaat en zie direct alle conversies — RGB, Hex, HSL, HWB, CMYK en NCol.
Voer een geldige kleur in om het voorbeeld en alle conversies te zien.
Een kleurconverter vertaalt een kleur tussen de verschillende codeersystemen die worden gebruikt in webdesign, drukwerk en digitale kunst. Nederlandse ontwerpers werken met paletten die variëren van het levendige oranje van Koningsdag tot de diepblauwen van Vermeer en Delft, de gele tulpenvelden van de Bollenstreek en het rationele grijs van de Nederlandse designtraditie.
Het hulpmiddel ondersteunt zes formaten: RGB, Hex, HSL, HWB, CMYK en Natural Color (NCol). Het herkent ook de dichtstbijzijnde CSS-kleurnaam wanneer de overeenkomst nauwkeurig genoeg is.
Additief model voor schermen. Elk kanaal loopt van 0 tot 255. Maximale combinatie geeft wit.
Hexadecimale codering van RGB, veelgebruikt in CSS. Voorbeeld: #ff6600 (oranje van Koningsdag).
Beschrijft kleur via tinthoek (0–360°), verzadiging en helderheid. Intuitief voor menselijke waarneming.
Alternatief voor HSL met tint, witheid en zwartheid. Ideaal om tinten lichter of donkerder te maken.
Subtractief model voor drukwerk: cyaan, magenta, geel en zwart.
W3C Natural Color: tint als letter + procentuele offset, plus witheid en zwartheid.
Het iconische oranje van Nederland (RGB 255, 102, 0). In HSL 24°, 100%, 50%. Gelieerd aan het Huis van Oranje-Nassau, gedragen tijdens sportevenementen en Koningsdag.
Het typische koningsblauw van het Delfts aardewerk (RGB 0, 63, 138). In CMYK: 100% C, 54% M, 0% Y, 46% K. Icoon van de Nederlandse ambachtelijke traditie, wereldwijd erkend.
Het stralende geel van de Hollandse tulp (RGB 245, 230, 66). In HSL 57°, 90%, 61%. Verwijst naar de bloembollenvelden van Noord-Holland.
Het neutrale grijs dat Piet Mondriaan als achtergrond gebruikte (RGB 108, 108, 108). In HSL 0°, 0%, 42%. Representatief voor de sobere lijn in de Nederlandse designgeschiedenis.
Kies het invoerformaat dat overeenkomt met uw kleurcode.
Voer de kleurwaarden in. De resultaten worden direct bijgewerkt, zonder knop.
De converter normaliseert alle invoer naar een interne RGB-representatie als universeel draaiingspunt.
Vanuit dat RGB-triplet worden alle andere formaten berekend met gestandaardiseerde wiskundige formules.
De naamsopzoeking vergelijkt 148 CSS-kleuren en geeft de dichtstbijzijnde overeenkomst terug.
Gebruik Hex of RGB voor CSS; gebruik HSL wanneer u helderheid of verzadiging programmatisch wilt aanpassen.
CMYK-waarden zijn schattingen — vraag altijd een drukproef aan voor commercieel drukwerk.
HWB is ideaal voor kleurreeksen van een merk: houd de tint constant en varieer de witheid.
Het '#'-voorvoegsel is optioneel bij het invoeren van hexcodes.
Voor officiële Rijkshuisstijl-kleuren (Rijksoverheid) raadpleeg altijd de officiële huisstijlgids.
Beide gebruiken een tinthoek, maar de tweede en derde parameter verschillen. HSL gebruikt verzadiging en helderheid; HWB gebruikt directe witheid en zwartheid. HWB is vaak intuïtiever om een kleur lichter (meer wit) of donkerder (meer zwart) te maken.
Schermen gebruiken additief licht (RGB); printers gebruiken subtractieve inkt (CMYK). De kleurruimten overlappen niet volledig. De converter geeft een wiskundige benadering, geen persklaar resultaat.
Een W3C-voorstel dat de tint codeert als letter (R, Y, G, C, B, M) plus procentuele offset, gevolgd door witheid en zwartheid. Bijv. R0 0% 0% is puur rood.
Ja. Typ de naam in het veld 'Zoeken op CSS-naam' en de converter laadt automatisch de waarden.
Hex en RGB zijn verliesvrij (met geheeltallige afronding). HSL, HWB en NCol worden afgerond op één decimaal. CMYK is alleen een wiskundige benadering.
Er zijn slechts 148 standaard CSS-kleuren opgenomen. Als de ingevoerde kleur meer dan ~30 RGB-eenheden verwijderd is van elke genoemde kleur, wordt er geen naam teruggegeven.
Kleurrepresentaties kunnen variëren tussen apparaten door beeldschermkalibratie en kleurprofielen. CMYK-waarden zijn wiskundige benaderingen.