Farben und Design
Farben auswählen, umrechnen und kombinieren und CSS für Ihre Designs erzeugen.
- Border-Radius-Generator CSS-Eigenschaft border-radius visuell mit ziehbaren Punkten gestalten, jede Ecke in px oder % einstellen, Blob-Formen erzeugen und den Code kopieren.
- Box-Shadow-Generator Mehrschichtige CSS-Schatten mit Live-Vorschau gestalten. Versatz, Unschärfe, Ausdehnung, Farbe, Deckkraft und Inset einstellen und den Code kopieren.
- CSS Clip-Path Generator CSS-clip-path-Formen mit ziehbaren Punkten erstellen: Polygone, Kreise, Ellipsen und Insets bearbeiten, Vorlagen nutzen und den Code kopieren.
- CSS-Farbverlauf-Generator Lineare, radiale und konische CSS-Farbverläufe mit Live-Vorschau erstellen. Farbstopps setzen und ziehen, Winkel wählen und sauberen CSS-Code kopieren.
- Cubic-Bezier-Editor CSS-Easing-Kurven im Cubic-Bezier-Editor per Drag-and-drop gestalten, live mit linear vergleichen und als cubic-bezier() oder linear() kopieren.
- Farbabstufungen-Generator Aufhellungen und Abdunklungen jeder Farbe in Schritten von 5 bis 25 % erzeugen, in OKLCH oder sRGB mischen und als CSS oder Tailwind exportieren.
- Farbcode-Umrechner Farbcodes zwischen HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH und OKLCH umrechnen. Code einfügen, Farbe sehen und jedes Format mit einem Klick kopieren.
- Farbe aus Bild bestimmen Laden Sie ein Bild und klicken Sie auf einen Pixel, um seine Farbe als HEX, RGB, HSL, HSV und CMYK zu erhalten. Mit Lupe, Mittelwert und Farbliste im Browser.
- Farbenblindheit-Simulator Kostenloser Farbenblindheit-Simulator. Sehen Sie jedes Bild mit Protanopie, Deuteranopie, Tritanopie, deren schwächeren Formen oder Achromatopsie.
- Farbnamen finden Finden Sie den Namen jeder Farbe. Geben Sie einen HEX- oder RGB-Code ein und erhalten Sie die 5 nächsten von über 30.000 Farbnamen plus den nächsten CSS-Namen.
- Farbpalette aus Bild Farbpalette aus einem Bild erstellen: Laden Sie ein Foto und erhalten Sie die dominanten Farben als HEX-Codes mit Anteil, zum Kopieren oder Exportieren.
- Farbpaletten-Generator Erstellen Sie Farbpaletten aus einer Grundfarbe nach den Regeln der Farbharmonie – komplementär, analog, triadisch, tetradisch, Quadrat und monochrom.
- Farbwähler Kostenloser Online-Farbwähler. Wählen Sie eine Farbe und kopieren Sie ihre HEX-, RGB-, HSL-, HSV- und CMYK-Codes, mit Kontrastwerten auf Weiß und Schwarz.
- Flexbox- und Grid-Generator Flexbox- und CSS-Grid-Layouts visuell erstellen. Container und Elemente einstellen, Grid-Bereiche benennen, live ansehen und sauberes CSS und HTML kopieren.
- Font-Subsetter Schriften mit HarfBuzz im Browser auf die benötigten Zeichen reduzieren. Kleinere TTF/OTF und WOFF, Vorschau und @font-face-Regel mit unicode-range.
- Kontrast prüfen (WCAG) Farbkontrast kostenlos nach WCAG prüfen. Text- und Hintergrundfarbe eingeben und Kontrastverhältnis, AA/AAA-Ergebnis und passende Farbvorschläge erhalten.
- PX-in-REM-Umrechner px in rem und em umrechnen, mit beliebiger Root-Schriftgröße, Umrechnungstabelle und Umwandlung aller px-Werte eines CSS-Codes mit einem Klick.
- Schriftkombinationen testen Schriftkombinationen für Überschriften und Fließtext mit 20 frei lizenzierten Schriften testen, Größe und Zeilenhöhe anpassen und CSS kopieren.
- Seitenverhältnis-Rechner Seitenverhältnis-Rechner, der Breite und Höhe kürzt, Größen proportional umrechnet, 16:9, 4:3 oder 21:9 vergleicht und den CSS-Code für aspect-ratio liefert.