100% in de browser
Kleur-tools
Gratis kleurtools voor ontwerpers en ontwikkelaars — converteer tussen HEX, RGB, HSL, CMYK, HSV en meer, stel harmonieuze paletten samen, controleer het WCAG-contrast, meng en verschuif kleuren en vind de dichtstbijzijnde benoemde kleur.
◑
Kleurenpalet-generator
Genereer complementaire, analoge, triadische en tetradische paletten op basis van een willekeurige basiskleur.
◐Kleurcontrast-checker
Controleer de WCAG-contrastverhouding tussen een tekst- en achtergrondkleur met AA/AAA-resultaten.
◓Kleurmenger
Meng twee kleuren met een instelbare verhouding en krijg de resulterende hex-waarde.
▦Kleurschakeringen & -tinten
Genereer een reeks lichtere tinten en donkerdere schakeringen op basis van een willekeurige basiskleur.
🎨Benoemde CSS-kleuren
Blader door en doorzoek de 140+ benoemde CSS-kleuren met hun hex-waarden.
⚂Willekeurige-kleurgenerator
Genereer een willekeurige kleur en bekijk deze als HEX, RGB en HSL.
◔Kleurenblindheid-simulator
Simuleer hoe een kleur verschijnt bij protanopie, deuteranopie en tritanopie.
#αHEX ⇄ RGBA
Converteer tussen HEX-kleurcodes met alpha en rgba()-notatie, met een live voorbeeld.
#?CSS-kleurformaten
Toon één kleur in elk CSS-formaat: hex, rgb(), hsl() en hwb().
twTailwind-palet generator
Genereer een Tailwind-achtige tintschaal van 50–950 uit elke basiskleur.
🖼◑Afbeeldingskleur-extractor
Extraheer de dominante kleuren uit een geüploade afbeelding als hex-kleurstalen.
◐◑Duotoon-generator
Maak een tweekleurige duotoon-gradiënt met kopieerbare CSS.
cmykCMYK naar RGB Converter
Converteer kleuren tussen CMYK en RGB/HEX met een live kleurstaal.
hsvHSV / HSB Converter
Converteer kleuren tussen HSV/HSB en RGB/HEX met een live kleurstaal.
◑?Dichtstbijzijnde Benoemde Kleur
Vind de dichtstbijzijnde CSS-benoemde kleuren bij elke kleur die je kiest.
#abcKleur uit Tekst
Genereer een deterministische kleur uit elke tekenreeks.