Color & CSS Tools

42 curated tools in this category

A basic color picker is built into every browser. The path from a single color to a coherent palette with sufficient contrast is still manual work, and that is exactly where the tools in this category come in. A color palette generator suggests harmonious combinations, a CSS generator turns gradients, shadows, and rounded corners into ready-to-use code, and SVG tools shrink graphics for the web.

Almost everything here runs directly in the browser, with no account and no installation, from the OKLCH Picker for modern color spaces to Gradient.style for CSS gradients. Why OKLCH is replacing the old HSL values, how to check contrast against WCAG, and how to recognize generators worth using is covered in the guide below the tools.

Getwaves — SVG-Wellen-Generator für moderne Webdesigns und Shape Divider

Getwaves

Free

Color & CSS Tools

SVG-Wellen-Generator für moderne Webdesigns und Shape Divider

Color-hex.com — Generiere Farbabstufungen und Schattierungen aus jedem Hex-Farbcode

Color-hex.com

Free

Color & CSS Tools

Generiere Farbabstufungen und Schattierungen aus jedem Hex-Farbcode

Bgjar — Kostenloser SVG-Hintergrund-Generator für Websites und Apps

Bgjar

Free

Color & CSS Tools

Kostenloser SVG-Hintergrund-Generator für Websites und Apps

Control — Kostenlose CSS-Generatoren für Designer und Entwickler mit Live-Vorschau

Control

Free

Color & CSS Tools

Kostenlose CSS-Generatoren für Designer und Entwickler mit Live-Vorschau

Color York Town Hall — Interaktives Farbgestaltungs-Tool für kreative Stadtprojekte

Color York Town Hall

Open Source

Color & CSS Tools

Interaktives Farbgestaltungs-Tool für kreative Stadtprojekte

Calligrapher.ai — KI-gestützte Handschrift: Deine Texte in eleganter Kalligraphie

Calligrapher.ai

Free

Color & CSS Tools

KI-gestützte Handschrift: Deine Texte in eleganter Kalligraphie

Cubic Bezier — Cubic Bezier Kurven visuell erstellen und optimieren

Cubic Bezier

Free

Color & CSS Tools

Cubic Bezier Kurven visuell erstellen und optimieren

10015.io — KI-Tools und Generatoren für kreative und produktive Aufgaben

10015.io

Free

Color & CSS Tools

KI-Tools und Generatoren für kreative und produktive Aufgaben

FFFUEL — Kostenlose Design-Generatoren für kreative Projekte und Web-Entwicklung

FFFUEL

Free

Color & CSS Tools

Kostenlose Design-Generatoren für kreative Projekte und Web-Entwicklung

Haikei — Generiere einzigartige, animierte SVG-Hintergründe in Sekunden

Haikei

Freemium

Color & CSS Tools

Generiere einzigartige, animierte SVG-Hintergründe in Sekunden

Happy Hues — Farbpaletten-Generator für wunderschöne Website-Designs

Happy Hues

Open Source

Color & CSS Tools

Farbpaletten-Generator für wunderschöne Website-Designs

CSS Gradient — Visuelle Farbverläufe für Web-Design ohne Code-Kenntnisse

CSS Gradient

Free

Color & CSS Tools

Visuelle Farbverläufe für Web-Design ohne Code-Kenntnisse

RealtimeColors — Echtzeit-Farbpaletten für beeindruckende Web-Designs

RealtimeColors

Free

Color & CSS Tools

Echtzeit-Farbpaletten für beeindruckende Web-Designs

Gradient.style — Erstelle beeindruckende CSS-Gradienten ohne Code

Gradient.style

Open Source

Color & CSS Tools

Erstelle beeindruckende CSS-Gradienten ohne Code

GradientMagic — Atemberaubende Farbverläufe in Sekunden erstellen

GradientMagic

Free

Color & CSS Tools

Atemberaubende Farbverläufe in Sekunden erstellen

FancyBorderRadius — Erstelle visuell beeindruckende, komplexe Border-Radius-Effekte spielerisch leicht

FancyBorderRadius

Open Source

Color & CSS Tools

Erstelle visuell beeindruckende, komplexe Border-Radius-Effekte spielerisch leicht

CSS Hero Mesher — Erstelle mühelos Mesh-Gradienten und komplexe CSS-Effekte

CSS Hero Mesher

Free

Color & CSS Tools

Erstelle mühelos Mesh-Gradienten und komplexe CSS-Effekte

OKLCH Picker — Intuitive OKLCH-Farbwähler für moderne Web-Designerin

OKLCH Picker

Open Source

Color & CSS Tools

Intuitive OKLCH-Farbwähler für moderne Web-Designerin