Ontwerp & Kleur
Pickers, paletten, gradiënten en contrastcheckers.
Kleurkiezer & converter
Kies een kleur en converteer tussen HEX, RGB, HSL en OKLCH.
Nieuw Kleurcontrastchecker
Controleer WCAG AA/AAA-contrastverhoudingen tussen tekst- en achtergrondkleuren.
Nieuw CSS-gradiëntgenerator
Bouw lineaire, radiale en conische CSS-gradiënten met een live voorbeeld.
Nieuw CSS-box-shadowgenerator
Bouw CSS-box-shadows met meerdere lagen, presets en live voorbeeld. Kopieer direct de CSS, waarde of React-stijl.
Nieuw Kleurpaletgenerator
Genereer complementaire, analoge, triadische en monochromatische paletten.
Nieuw Cubic-bezier-generator
Ontwerp een CSS-easingcurve door controlepunten te slepen, met een live voorbeeld.
Nieuw Border-radius-generator
Ontwerp visueel afgeronde CSS-hoeken en organische blob-vormen.
Nieuw CSS-flexbox-speeltuin
Pas flex-eigenschappen aan met een live voorbeeld en kopieer de CSS.
Nieuw CSS-grid-speeltuin
Pas grid-kolommen, tussenruimte en uitlijning aan met een live voorbeeld en CSS.
Nieuw Glassmorphism-generator
Ontwerp een matglazen kaart en kopieer de CSS, met een live voorbeeld.
Nieuw CSS-text-shadowgenerator
Stem een CSS-tekstschaduw af met een live voorbeeld en kopieer de code.
Nieuw Kleurmenger
Meng twee kleuren in elke verhouding en kopieer het resultaat of elke tussenstap.
Nieuw Afbeeldingskleurkiezer
Kies elke kleur uit een afbeelding en haal het dominante palet eruit als HEX, RGB en HSL.
Nieuw Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Nieuw Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.