Design und Assets
Shadow Palette Generator
Erzeuge a 5-step CSS shadow scale.
Eingabe
Shadow Palette Generator
shadowdesign tokenscssui
Ausgabe
Generated shadow palette
:root {
--shadow-1: 0 2px 6px rgba(15, 23, 42, 0.063);
--shadow-2: 0 4px 12px rgba(15, 23, 42, 0.090);
--shadow-3: 0 6px 18px rgba(15, 23, 42, 0.117);
--shadow-4: 0 8px 24px rgba(15, 23, 42, 0.144);
--shadow-5: 0 10px 30px rgba(15, 23, 42, 0.180);
}Ähnliche Tools
Farbe Konverter
Convert between HEX, RGB, und HSL Farbe fürmats.
CSS Gradient Generator
Erzeuge a linear gradient und copy the CSS instantly.
Favicon Generator
Create a simple SVG favicon aus initials und brund Farbes.
SVG Optimizer
Strip comments und collapse whitespace in SVG markup.
CSS Minifier
Minify CSS by removing comments und extra whitespace.
CSS fürmatierer
Pretty-print CSS mit readable indentation.