DevTools
Language

Color Code Converter

DevTools Color Code Converter converts HEX, RGB, and HSL values locally in your browser, with shorthand HEX expansion, live preview, and one-click copy—free with no sign-up.

Color Code Converter

Convert color values between HEX, RGB, and HSL with live preview, shorthand HEX expansion, and copyable output.

Color sample

Edit any format; the others sync automatically.

Preview uses the last valid color.
R / G / B
14 / 165 / 233
Hue
199deg
S / L
89% / 48%

HEX supports #0af, 0af, and #00AAFF; RGB accepts rgb(14, 165, 233) or 14, 165, 233; HSL accepts hsl(199, 89%, 48%) or 199, 89%, 48%.

About this tool

Ideal for frontend development, design handoff, and theme tuning. Enter any of HEX, RGB, or HSL and the other formats sync automatically with a live color preview.

How to use

  1. Enter a color in HEX, RGB, or HSL.
  2. View the swatch, main preview, and synced outputs.
  3. Copy HEX, RGB, or HSL for CSS, design specs, or config.

FAQ

How do I convert HEX to RGB or HSL?

Enter values such as #0EA5E9, #0af, or a hex string without # on the Color Code Converter page. RGB and HSL update instantly.

Does it support shorthand HEX?

Yes. Three-digit shorthand like #0af expands to six-digit HEX and syncs RGB and HSL.

Can I enter RGB or HSL and get HEX back?

Yes. Inputs like rgb(14, 165, 233), 14, 165, 233, or hsl(199, 89%, 48%) reverse-sync to standard HEX and the other format.

Is conversion done on a server?

No. All color math runs locally in your browser.

Related tools