Workflow · Bild & Design
Frontend-CSS-Kit
Farben, Ratio, Grid, Gap und Fluid-Spacing als kopierbare CSS-Werte vorbereiten.
01Farbe normalisieren
02Ratio prüfen
03Grid setzen
04Spacing skalieren
Farbe normalisieren
Zeigt Hex, RGB und HSL für Farbwerte.
HSL-Hex-Konverter öffnenRatio prüfen
Berechnet Seitenverhältnis und skalierte Breite oder Höhe.
Aspect-Ratio-Rechner öffnenGrid setzen
Erzeugt eine Grid-Spaltenzeile aus Spaltenanzahl und Gap.
CSS-Grid-Template öffnenSpacing skalieren
Erzeugt mehrere clamp-Abstände aus Min- und Maxwert.
Fluid-Spacing-Skala öffnenZeigt Hex, RGB und HSL für Farbwerte.
WorkflowBerechnet Seitenverhältnis und skalierte Breite oder Höhe.
WorkflowErzeugt eine Grid-Spaltenzeile aus Spaltenanzahl und Gap.
WorkflowErzeugt mehrere clamp-Abstände aus Min- und Maxwert.
Workflow