Developer Tools

Color Converter

Convert any color between HEX, RGB, and HSL formats. Type in any field and the other two update automatically. Includes a live color preview and copy buttons for each CSS format.

Updates all formats instantly Browser-only One-click copy for HEX, RGB, HSL
#4F46E5

Edit any field below — all formats update automatically

R
G
B
H°
S%
L%
CSS HEX —
CSS RGB —
CSS HSL —

How to use it

  1. 1 Type a HEX value (e.g. #4f46e5), RGB values, or HSL values into the corresponding field.
  2. 2 The other formats update automatically.
  3. 3 Click the Copy button next to any output format to copy the CSS value.
  4. 4 Use the copied value directly in your stylesheet or design tool.

Use cases

  • Converting brand colours from design files to CSS
  • Finding the HSL equivalent of a hex colour for theming
  • Checking colour values when debugging CSS

Limitations

  • Alpha (transparency) channel not supported in this version.
  • HEX input must be 6 digits. Short form (#abc) is not accepted.

Related Tools

Browser

Hash Generator

Hash Generator lets you generate SHA hash values from text locally in your browser with sample input, copy, download, and privacy-first controls.

 Browser

UUID Generator

UUID Generator lets you generate UUID v4 values locally in your browser with sample input, copy, download, and privacy-first controls.

 Browser

Base64 Encode Decode

Base64 Encode Decode lets you encode or decode Base64 text locally in your browser with sample input, copy, download, and privacy-first controls.

 Browser

JSON Formatter

JSON Formatter lets you format JSON with readable indentation locally in your browser with sample input, copy, download, and privacy-first controls.

 Browser

JSON Validator

JSON Validator lets you validate JSON syntax locally in your browser with sample input, copy, download, and privacy-first controls.

 Browser

JSON Minifier

JSON Minifier lets you minify JSON into compact output locally in your browser with sample input, copy, download, and privacy-first controls.

FAQ

What does HSL stand for?

Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). HSL is often easier to reason about than RGB because you can adjust brightness and saturation independently.

Does the converter support alpha/opacity?

Not in the current version. HEX, RGB, and HSL conversions assume fully opaque colours. For alpha, add an 'a' suffix manually: rgba(r, g, b, a) or hsla(h, s%, l%, a).