Kleurtools
Kleurformaten omzetten en CSS-gradiënten bouwen met live preview.
Kleuromzetter
Converteer in real time tussen HEX, RGB, HSL, HSV en CMYK. Kies een kleur of plak een waarde — elk formaat werkt bij tijdens typen.
Openen →CSS-gradiënt-generator
Bouw lineaire en radiale gradiënten visueel. Tweak stops en hoek, kopieer kant-en-klare CSS.
Openen →CSS Box Shadow-generator
Stapel meerdere shadow-lagen, tweak offset, blur, spread en alpha, kopieer de CSS- of Tailwind-class.
Openen →CSS-clamp-generator (vloeiende typografie)
Type-schaal die meegroeit met het viewport. Kies min/max-fontgrootte en min/max-schermbreedte — krijg een copy-paste clamp()-regel met live preview-slider.
Openen →CSS easing & cubic-bezier-visualizer
Sleep de SVG-handvatten, typ waarden of kies uit 30+ benoemde curves. Live animatie-preview en kant-en-klare uitvoer voor vanilla CSS, GSAP en Framer Motion.
Openen →Contrast-checker
Controleer WCAG-contrastverhoudingen tussen elke twee kleuren. Zie pass/fail-badges voor AA en AAA op normale en grote tekst, met live preview.
Openen →Kleurenblindheid-simulator
Bekijk een kleur door acht visuele beperkingen. Zie precies wat gebruikers met protanopie, deuteranopie, tritanopie, achromatopsie en mildere vormen waarnemen.
Openen →Tint-, toon- & shade-generator
Genereer tien lichtere tints, tien donkerdere shades en tien grijs-geblende tonen vanuit elke basiskleur. Klik op een swatch om de hex te kopiëren.
Openen →Kleurharmonie-generator
Genereer complementaire, analoge, triadische, tetradische, square, split-complementaire en monochromatische paletten vanuit elke basiskleur, met kopieerbare CSS-variabelen.
Openen →CSS benoemde kleuren
Doorzoekbare referentie voor alle 147 CSS benoemde kleuren. Klik op een swatch om de naam te kopiëren; sorteer op naam, tint of lightness.
Openen →Kleurenmenger
Meng twee kleuren in elke verhouding met lineair-licht-interpolatie. Toon optioneel 11 gelijk verdeelde gradiëntstappen ertussen.
Openen →Kleurpalet-generator
Genereer mooie 5-kleurspaletten die er ook echt goed uitzien — gecureerde seeds, slimme harmonie-regels, vergrendel en re-roll.
Openen →