Free CSS and styling tools

Small, fast tools for the styling side of building websites. Everything runs in your browser — nothing you type leaves your device.

Tailwind CSS colors

Every v4 and v3 shade, 50 to 950. Click to copy HEX, RGB, OKLCH, the class name or the CSS variable.

Turn one brand colour into a full 50–950 scale. Copy it as a v4 @theme block, a v3 config or CSS variables.