🎨 Design
Color Converter
Convert between HEX, RGB, HSL and Tailwind CSS color formats. Live preview with sliders and nearest Tailwind palette match.
📖 How to Use
▼1
Enter a color in any format:
#B3EBF2, rgb(179,235,242), or hsl(187,72%,83%)2
All formats update instantly with a live color preview
3
Use RGB sliders to fine-tune or click a Tailwind swatch
🎨 Color Input
📋 All Formats
HEX#B3EBF2
RGBrgb(179, 235, 242)
HSLhsl(187, 72%, 83%)
CSS--color: #B3EBF2;
🎯 Tailwind CSS Nearest Match