Workflow · Bild & Design
Design-Token-Pass
Hex, OKLCH, Radius, Spacing und Schatten als Tokens vorbereiten.
01Farbe wandeln
02OKLCH notieren
03Radius skalieren
04Spacing setzen
Farbe wandeln
Wandelt Hexfarben in RGB und HSL um.
Hex zu RGB öffnenOKLCH notieren
Leitet aus Hex eine praktische OKLCH-Näherung und CSS-Zeile ab.
OKLCH-Farbnotiz öffnenRadius skalieren
Erzeugt konsistente Border-Radius-Stufen.
Radius-Skala öffnenSpacing setzen
Erzeugt mehrere clamp-Abstände aus Min- und Maxwert.
Fluid-Spacing-Skala öffnenWandelt Hexfarben in RGB und HSL um.
WorkflowLeitet aus Hex eine praktische OKLCH-Näherung und CSS-Zeile ab.
WorkflowErzeugt konsistente Border-Radius-Stufen.
WorkflowErzeugt mehrere clamp-Abstände aus Min- und Maxwert.
WorkflowErzeugt eine einfache Schatten-CSS-Zeile.
Workflow