Design et Ressources

Shadow Palette Générateur

Générer a 5-step CSS shadow scale.

Entrée

Shadow Palette Générateur

shadowdesign tokenscssui

Sortie

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);
}

Outils similaires

Couleur Convertisseur

Convert between HEX, RGB, et HSL Couleur pourmats.

CSS Gradient Générateur

Générer a linear gradient et copy the CSS instantly.

Favicon Générateur

Create a simple SVG favicon de initials et bret Couleurs.

SVG Optimizer

Strip comments et collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments et extra whitespace.

CSS pourmateur

Pretty-print CSS avec readable indentation.