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

Farbumrechner (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL und modernes OKLCH — sofort.

Kontrast-Checker (WCAG)

WCAG AA / AAA Kontrast prüfen — bestanden oder nicht.

Tailwind-Farbfinder

Nächstgelegene Tailwind-Klasse für jede HEX-Farbe.

Bild-Farbwähler & Palette

Bild ablegen, Palette extrahieren.

CSS generators

Farbverlauf-Generator

Lineare, radiale und konische CSS-Farbverläufe.

Box-Shadow-Generator

Visueller CSS-Box-Shadow-Editor.

Border-Radius-Generator

Eckenspezifischer CSS-Border-Radius-Editor.

Cubic-Bezier-Editor

Visuelles Design von CSS-Easing-Kurven.

Layout & assets

CSS-Einheiten-Umrechner

Konvertieren Sie px, rem, em, pt und mehr.

Seitenverhältnis-Rechner

Verhältnisse berechnen und Dimensionen anpassen.

Bild-Resizer

Bilder auf exakte Pixelgrößen ändern.

Bild-Kompressor

Bilddateigröße mit einem Klick reduzieren.

Bildformat-Konverter

PNG, JPG und WebP konvertieren – in Ihrem Browser.

Favicon-Generator

Vollständige Favicon- und PWA-Icon-Sets generieren.

SVG zu PNG Konverter

SVG-Markup in hochauflösendes PNG umwandeln.

PNG-zu-SVG-Vektorisierer

Vektorisieren Sie PNG, JPG oder WebP in skalierbares SVG.

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