Color Converter
Convert any color between HEX, RGB, HSL, and Tailwind CSS instantly. Pick a color, paste a value, or use the DivMagic extension to grab colors directly from any website.
Formats
Use any RGB format
rgb(50, 50, 50) or 50, 50, 50
Closest Tailwind Color Match
Tonal Palette
Shades generated from your selected color with readable contrast labels.
Today
12,584 steps
Resting HR
62bpm
Variability
35ms
Progress
You're average more steps a day this year than last year.
Walking Distance
Over the last 7 days, your distance walked and run was 12.5 miles per day.
Active Energy
You're burning an average of 754 calories per day. Good job!
Time in Bed
8hr35min
About color formats
HEX vs RGB vs HSL
HEX is the most common format for web design, stored as a 6-character code. RGB describes colors as red, green, and blue channels from 0–255, making it easy to reason about mixing. HSL (hue, saturation, lightness) maps closely to human perception — adjusting lightness is predictable and intuitive.
Tailwind color matching
This tool automatically detects the nearest Tailwind CSS color when your input is close to a named utility. Useful when you're reverse-engineering a design and want to stay in the Tailwind system.
Grab colors from any website with one click
The DivMagic extension includes a live color picker, hover any element and copy its color in any format.