Color Converter
Convert between HEX, RGB, and HSL
Pick a Color
Values (editable)
Shades & Tints
Tap a swatch to copy its HEX
FAQ
What is the difference between HEX, RGB, and HSL?
Three ways to express the same color. HEX (#6c5ce7) is most common on the web, RGB uses red/green/blue values, and HSL uses hue/saturation/lightness which makes adjusting colors intuitive.
Can I type values directly?
Yes. Enter a value in any field (HEX, RGB, or HSL) and the other formats sync automatically.
What are the shades?
Nine variations of your color with lightness from 10% to 90%. Useful for hover states and backgrounds; tap one to copy its HEX.
Can I use these in CSS directly?
Yes. The displayed values work as-is in CSS color, background, and other properties.
Advertisement (AdSense)