Built for designers — pixel-perfect, private, instant.

Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.

Why this set

Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.

Color

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 generators

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.

Layout & assets

CSS Eenheden Converter

Converteer px, rem, em, pt en meer.

Aspect Ratio Calculator

Bereken verhoudingen en wijzig afmetingen.

Afbeelding formaat wijzigen

Wijzig afbeeldingsformaten naar exacte pixelafmetingen.

Afbeelding Comprimeerder

Verklein de bestandsgrootte van afbeeldingen met één klik.

Afbeelding formaat omzetten

Converteer PNG, JPG, en WebP — in uw browser.

Favicon Generator

Genereer volledige favicon- en PWA-iconsets.

SVG naar PNG Converter

Render SVG-opmaak naar een PNG met hoge resolutie.

PNG-naar-SVG-vectoriseerder

Vectoriseer PNG, JPG of WebP naar schaalbaar SVG.

More audiencesFor developers For iphone users For writers & editors For finance & accounting For travelers