Color Converter

Convert between HEX, RGB, and HSL color formats instantly with a live preview, opacity support, and CSS-ready output.

Color

HEX

RGB

HSL

Opacity — 100%

CSS color

Tailwind arbitrary value

Formats

HEX — #6366F1

RGB — rgb(99, 102, 241)

HSL — hsl(239, 84%, 67%)

How we turn colors into a scalable Tailwind design system — sent to your inbox.

No spam. Unsubscribe anytime.

Discover more utility-driven tools designed to enhance your workflow and technical excellence.

Generate a complete Tailwind CSS shade scale (50–950) from any base color. Live preview, copy the config, or export as CSS variables.

Build linear and radial gradients with unlimited color stops, adjustable angles, and a live preview. Copy production-ready CSS instantly.

Create layered box shadows visually — offset, blur, spread, color, inset — with curated presets and copy-ready CSS output.