Color Converter
Convert colors between HEX, RGB, and HSL. Type or paste below — all three formats update as you type.
Input
Output
Private by design
This conversion runs entirely in your browser. Your text is not sent to a server.
Tip
Accepts #RGB, #RRGGBB, rgb()/rgba(), compact r,g,b triples, and hsl()/hsla(). Alpha is ignored.
How to convert with Color Converter
Paste a HEX, RGB, or HSL color.
HEX, RGB, and HSL appear together as you type — nothing is uploaded.
Copy the formats you need, or use the result as the next input.
Open Color Picker or Gradient Generator for visual tools.
When should you use it?
CSS
Paste a hex from a mockup and copy rgb() or hsl() for a stylesheet.
Design
Match a brand color across HEX, RGB, and HSL without a picker.
Round-trip
Any supported input yields all three formats at once.
Stays here
Conversion runs in this tab. Nothing is uploaded.
Your colors stay private.
Color conversion runs entirely in your browser. Values never leave this tab.
About converting HEX, RGB, and HSL in the browser
Color Converter accepts #RGB, #RRGGBB, rgb()/rgba(), compact r,g,b triples, and hsl()/hsla(), then shows HEX, RGB, and HSL together as you type. Alpha is ignored. This is a value converter, not Color Picker (visual chip) and not Gradient Generator (CSS linear-gradient).
Worked example: #FF5733 becomes rgb(255, 87, 51) and an HSL triple with hue near 14°. Round-trip HEX → RGB → HEX should match typical six-digit colors.
Limitations: named CSS colors (rebeccapurple) are out of scope; wide-gamut and OKLCH are not modeled. Related: Color Picker, Gradient Generator, CSS Border Generator. Nothing is uploaded.
Related color tools
Color Picker
Pick a color and copy HEX, RGB, and HSL values in this browser.
Gradient Generator
Build a CSS linear-gradient with two stops and a live preview. Copy the CSS locally.
CSS Formatter
Pretty-print or minify CSS in your browser. The result updates as you type.
Hex Encode / Decode
Convert text to hexadecimal bytes, or hex back to UTF-8. Type or paste below — the result updates as you type.
Number Base Converter
Convert numbers between binary, octal, decimal, and hexadecimal. The result updates as you type.
Color Converter examples
HEX
RGB
HSL
Format comparison
| Format | Example | Typical use |
|---|---|---|
| HEX | #FF5733 | CSS, design tokens, and hex dumps |
| RGB | rgb(255, 87, 51) | Canvas, CSS, and component props |
| HSL | hsl(11, 100%, 60%) | Tune hue, saturation, and lightness in CSS |
Color Converter FAQ
HEX (#RGB or #RRGGBB), RGB/RGBA strings, compact RGB triples, and HSL/HSLA strings. HEX, RGB, and HSL update as you type.
No. Paste any supported color and Toolora returns HEX, RGB, and HSL together. Nothing is uploaded.