Color Converter
HEX, RGB, and HSL Color Converter
Edit any of HEX, RGB, or HSL and the other formats update together, with a live color swatch. Copy buttons let you grab a value for CSS or design tools. Supports standard 6-digit hex and shorthand 3-digit hex.
How to use
Change the HEX field (with #) or edit RGB/HSL text. Watch the preview patch and use copy icons next to each format.
Example
Brand blue #3B82F6 becomes rgb(59, 130, 246) and an HSL line for Tailwind-style docs. Tweaking HSL lightness keeps hue while softening a button color.
Tips
Invalid hex stops sensible updates; stick to #RRGGBB or #RGB. For print CMYK you need a different workflow; this page is screen formats only.