Loading…
Pick or enter a color in HEX, RGB, or HSL and instantly see all three representations update together. Copy any value with a single click.
Use Cases
- ›Converting a brand color from hex to RGB for use in CSS or JavaScript
- ›Picking a color visually and reading its HSL values for fine-tuning
- ›Converting design-tool hex codes to Tailwind-compatible values
- ›Checking lightness and saturation when building a color system
Example
Input
#3b82f6
Output
RGB: rgb(59, 130, 246) HSL: hsl(217, 91%, 60%)
FAQ
Can I enter RGB values without the rgb() wrapper?
Yes. Type the three numbers directly into the RGB fields — the wrapper is added automatically.
Does the color picker work on mobile?
Yes. The inline picker replaces the native OS color dialog for a consistent cross-platform experience.