10 Tools · 100% in your browser

Farbe & Design

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

Farbe· 4 Tools

Konvertieren, Kontrast prüfen und aus Bildern auswählen.

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 Generatoren· 4 Tools

Farbverläufe, Schatten, Radien und Easing-Kurven.

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· 2 Tools

CSS-Einheiten und Seitenverhältnisse.

CSS-Einheiten-Umrechner

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

Seitenverhältnis-Rechner

Verhältnisse berechnen und Dimensionen anpassen.