Design
Gammakorrektur anwenden, um die Bildhelligkeit nicht-linear anzupassen für bessere visuelle Wahrnehmung
image-gamma-correctionDesign
Konvertieren Sie Bilder in einen pixelierten/Mosaik-Effekt mit einstellbarer Pixelgröße und Formmustern
image-pixelatorDesign
Fügt abgerundete Kanteneffekte zu Bildern mit einstellbarem Radius und Kantenauswahl hinzu
image-rounded-cornersDesign
Farbsättigungsniveaus anpassen, um Farben lebendiger zu machen oder Graustufeneffekte zu erzeugen
image-saturationDesign
Verbessern Sie Bildklarheit und Schärfe mit einstellbarer Intensität und mehreren Schärfungsmethoden
image-sharpenDesign
Löst jede Hex-Farbe zur nächstgelegenen benannten CSS-Farbe mit echter CIEDE2000-Distanz auf und zeigt die ganze Farbfamilie.
css-color-name-resolverDesign
Erzeugt das seit 2024 auf Dribbble/Behance populäre „Gradient-Mesh“: mehrere radiale Verläufe (Farbfleck → Ausblendung in transparent derselben Farbe) über einer Basiskolorit (optional eine konische Schicht), mit Mischmodi, SVG-Filmkorn, geseedeten Layouts (Ecken / Ring / Streuung / Raster), Live-Vorschau, kopierbarem CSS und Tailwind-Willkürklasse. Flecken blenden über 8-stelliges Hex #RRGGBB00 aus — ohne den grauen Ring des transparent-Schlüsselworts.
css-gradient-mesh-generatorDesign
Konvertiert Farben zwischen HEX, RGB, HSL und CMYK.
cmyk-converterDesign
Konvertiert Farben zwischen HEX, RGB, HSL, CIELAB und Display-P3 mit CSS-Ausgabe und Gamut-Pruefung.
color-space-converterDesign
Berechnet eine CSS-Filterkette, die aus einer monochromen Basisfarbe eine Zielfarbe möglichst genau nachbildet
css-target-color-filter-generatorDesign
Laedt eine entfernte Bild-URL, extrahiert dominante Farben, exportiert codefertige Palettendateien und zeigt Kontrastwerte an
color-palette-extractor-from-image-urlDesign
Visualisiert eine CSS-cubic-bezier-Easing-Kurve, zeigt Vorschau auf Position/Deckkraft/Skalierung, wählt Presets und exportiert CSS
css-easing-visualizer