Color Converter
Convert colors between HEX, RGB and HSL formats instantly. Includes a color picker and live preview swatch. Free online color conversion tool.
#3b6ef6
How to use the Color Converter
- Pick a color with the color picker, or type a value into the HEX, RGB, or HSL field.
- All other formats update instantly, along with the large preview swatch.
- Click any format's "Copy" button to copy it for use in your CSS or design tool.
Frequently asked questions
What is the difference between HEX, RGB, and HSL?
HEX and RGB describe a color by its red, green, and blue components (HEX is just RGB in hexadecimal). HSL describes it by hue, saturation, and lightness, which many designers find more intuitive to adjust.
What HEX formats are supported?
Both 3-digit shorthand (#fff) and standard 6-digit (#ffffff) HEX codes are accepted, with or without the leading # symbol.
Can I use the converted values directly in CSS?
Yes. The tool outputs standard CSS-ready formats like #3b6ef6, rgb(59, 110, 246), and hsl(224, 90%, 60%) that you can paste straight into your stylesheet.
Related tools
QR Code Generator
Create QR codes for URLs, text, Wi-Fi and more. Adjust size and download as PNG. Free QR code generator that works entirely in your browser.
Markdown Previewer
Write Markdown on the left and see the rendered HTML live on the right. Supports headings, lists, tables, code blocks and more. Free online tool.
JSON Formatter
Free online JSON formatter and validator. Beautify, minify and validate JSON with clear error messages. No signup, works in your browser.