Design e Recursos

Shadow Palette Gerador

Gerar a 5-step CSS shadow scale.

Entrada

Shadow Palette Gerador

shadowdesign tokenscssui

Saída

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

Ferramentas relacionadas

Cor Conversor

Convert between HEX, RGB, e HSL Cor paramats.

CSS Gradient Gerador

Gerar a linear gradient e copy the CSS instantly.

Favicon Gerador

Create a simple SVG favicon de initials e bre Cors.

SVG Optimizer

Strip comments e collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments e extra whitespace.

CSS paramatador

Pretty-print CSS com readable indentation.