Design & CSS

Erstellen Sie Farben, reaktionsfähige Größen und produktionsbereites CSS.

Farbe & Barrierefreiheit

FarbkonverterKonvertieren Sie Farben zwischen HEX, RGB, HSL, HSV, CMYK und LAB – bearbeiten Sie ein Feld und die restlichen Werte passen sich sofort an.Spezialisierte Seiten (8)
Kontrast-RechnerGeben Sie eine Text- und Hintergrundfarbe ein, um das WCAG-Kontrastverhältnis und die bestandenen AA- und AAA-Stufen zu ermitteln.

CSS-Layout & Effekte

Box-Shadow-GeneratorNutzen Sie Schieberegler für Ihren Box-Shadow, legen Sie Ebenen für mehr Tiefe übereinander und kopieren Sie das fertige CSS sofort.
Verlauf-GeneratorErstellen Sie lineare, radiale oder konische Verläufe, fügen Sie Farbstopps hinzu, bestimmen Sie die Richtung und kopieren Sie das CSS mit einem Klick.
Border-Radius-GeneratorRunden Sie jede Ecke mit Schiebereglern ab, gestalten Sie organische Blobs im elliptischen Modus und kopieren Sie das CSS sofort.
Flexbox-GeneratorRichten Sie einen Flex-Container und seine Elemente mit visuellen Steuerelementen ein, sehen Sie Änderungen sofort live und kopieren Sie das CSS mit einem Klick.
CSS-Grid-GeneratorDefinieren Sie Spalten und Zeilen, ziehen Sie Elemente über die Zellen und kopieren Sie das Grid-CSS samt passendem HTML mit einem Klick.
CSS Cubic-Bezier-GeneratorVerschieben Sie die beiden Griffe, um eine Easing-Kurve zu gestalten, vergleichen Sie die Bewegung live und kopieren Sie den cubic-bezier()-Wert.
CSS-clamp()-RechnerGeben Sie eine Größe für kleine und große Bildschirme ein und erhalten Sie einen flüssigen clamp()-Wert, der dazwischen stufenlos skaliert – für Schriftgrößen, Padding, Margins oder Gaps.

Bildschirm, Druck & Proportionen

Schriftarten-Analyse & Lizenzierung

Schriftlizenzen- & Info-CheckerÖffnen Sie eine lokale Schriftart, um deren eingebettete Namen, Lizenztexte und Dokument-Einbettungs-Flags auszulesen – als Dateinachweis, nicht als Beleg dafür, dass Sie eine Lizenz besitzen.