Design
XYZ-Farbwerte in HEX für die Bildschirmanzeige umwandeln
xyz-to-hex-converterDesign
XYZ-Farbwerte in HSL für die Bildschirmanzeige umwandeln
xyz-to-hsl-converterDesign
XYZ-Farbwerte in LAB für Farbverwaltung umwandeln
xyz-to-lab-converterDesign
XYZ-Farbwerte in RGB für die Bildschirmanzeige umwandeln
xyz-to-rgb-converterDesign
XYZ-Farbwerte in HSV/HSB für Farbmanipulation umwandeln
xyz-to-hsv-converterDesign
Erfasst eine öffentliche Webseite und exportiert beobachtete Farben, Typografie, Abstände und Komponenten samt Bildschirmfoto.
website-design-style-extractorDesign
Lade eine Variable Font (TTF/OTF/WOFF/WOFF2) hoch, um ihre fvar-Achsen und benannten Instanzen zu prüfen, die Interpolation live im Browser voranzusehen und ein kopierfertiges font-variation-settings-CSS samt hochwertiger Ersatzproperties und variablem @font-face-Block zu erzeugen.
variable-font-axis-instance-and-css-font-variation-settings-builderDesign
Generiert CSS-Transform-Eigenschaften
transform-generatorDesign
Generiert CSS-Text-Schatten-Eigenschaften
text-shadow-generatorDesign
Gehe einen SVG-Pfad Befehl für Befehl durch (M/L/H/V/C/S/Q/T/A/Z) — Bogenlängen pro Segment, kumulative stroke-dashoffset-Distanzen, Bounding-Boxes pro Unterteilpfad, kubische Handle-Vektoren, Arc-Flag-Lösung und Pfad-vs-viewBox-Ausrichtung.
svg-path-data-cubic-quadratic-and-arc-command-length-walkerDesign
Fügen Sie Tailwind-Klassen mit Arbitrary Values ein (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) und prüfen Sie das erzeugte CSS mit Live-Vorschau, Erkennung von Datentyp-Hinweisen und einer Erklärung jeder Übersetzung. Hilfreich zum Debuggen von calc(), CSS-Variablen und Werten außerhalb der Token-Skala.
tailwind-arbitrary-value-playgroundDesign
Gestalte Glücksrad, Rubbellos oder Überraschungsbox zum Selbsthosten. Lokale Demo oder Shop-API, keine gehostete Preisvergabe.
store-promotion-giveaway-widget-generator