10 tools · 100% in your browser

Kleur & Ontwerp

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Kleur· 4 tools

Converteren, contrast controleren en kiezen uit afbeeldingen.

Kleurenconverter (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL en modern OKLCH — direct.

Contrastcontrole (WCAG)

Controleer WCAG AA/AAA-contrast – goed- of afkeur.

Tailwind Kleurzoeker

Dichtstbijzijnde Tailwind-klasse voor elke HEX-kleur.

Afbeeldingskleurkiezer & Palet

Sleep een afbeelding, extraheer het palet.

CSS-Generatoren· 4 tools

Gradiënten, schaduwen, radius en easing curves.

Gradiëntgenerator

Lineaire, radiale en conische CSS-gradiënten.

Box Shadow Generator

Visuele CSS box-shadow editor.

Border Radius Generator

Per-hoek CSS border-radius editor.

Cubic Bezier Editor

Ontwerp CSS easing-curves visueel.

Lay-out· 2 tools

CSS-eenheden en beeldverhoudingen.

CSS Eenheden Converter

Converteer px, rem, em, pt en meer.

Aspect Ratio Calculator

Bereken verhoudingen en wijzig afmetingen.