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.

Kleuren omzetten en herkennen

#α

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().

cmyk

CMYK naar RGB Converter

Converteer kleuren tussen CMYK en RGB/HEX met een live kleurstaal.

hsv

HSV / HSB Converter

Converteer kleuren tussen HSV/HSB en RGB/HEX met een live kleurstaal.

🎨

Benoemde CSS-kleuren

Blader door en doorzoek de 140+ benoemde CSS-kleuren met hun hex-waarden.

◑?

Dichtstbijzijnde Benoemde Kleur

Vind de dichtstbijzijnde CSS-benoemde kleuren bij elke kleur die je kiest.

Paletten en kleurschalen maken

◑

Kleurenpalet-generator

Genereer complementaire, analoge, triadische en tetradische paletten op basis van een willekeurige basiskleur.

▦

Kleurschakeringen & -tinten

Genereer een reeks lichtere tinten en donkerdere schakeringen op basis van een willekeurige basiskleur.

Tailwind-palet generator

Genereer een Tailwind-achtige tintschaal van 50–950 uit elke basiskleur.

◓

Kleurmenger

Meng twee kleuren met een instelbare verhouding en krijg de resulterende hex-waarde.

🖼◑

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.

Contrast en kleurzicht controleren

◐

Kleurcontrast-checker

Controleer de WCAG-contrastverhouding tussen een tekst- en achtergrondkleur met AA/AAA-resultaten.

◔

Kleurenblindheid-simulator

Simuleer hoe een kleur verschijnt bij protanopie, deuteranopie en tritanopie.

Kleuren genereren

⚂

Willekeurige-kleurgenerator

Genereer een willekeurige kleur en bekijk deze als HEX, RGB en HSL.

#abc

Kleur uit Tekst

Genereer een deterministische kleur uit elke tekenreeks.

Geen tools komen overeen.