HEX/RGB/HSL Color Converter

Translate colors between formats quickly and get CSS-ready output codes.

color converterhex to rgbrgb to hslcss color generator

Interactive Converter

Invalid color format

Waiting for valid color...

Intro

A straightforward tool to parse colors and view HEX, RGB, and HSL properties without launching a design editor.

How to use

  1. Pick or enter a color
    Use the color picker or type a HEX, RGB, or HSL value.
  2. View all formats
    The converted values appear instantly in HEX, RGB, HSL, and other formats.
  3. Copy the format you need
    Click any output format to copy it directly for use in CSS or design tools.

Examples

HEX to RGB
Convert a HEX color string to RGB format.
Input
#3b82f6
Output
rgb(59, 130, 246)
HSL to HEX
Convert an HSL color value to its HEX equivalent.
Input
hsl(210, 100%, 50%)
Output
#0066ff

FAQ

What color formats are supported?

The tool converts between HEX (#ff6600), RGB (rgb(255,102,0)), HSL (hsl(24,100%,50%)), and other common web color formats.

Does it support alpha transparency?

Yes, the tool supports RGBA and HSLA formats for colors with transparency, which are commonly used in modern CSS.

Can I convert from CSS named colors?

Currently the tool works with HEX, RGB, and HSL input. CSS named color support may be added in a future update.

Related tools

Related guides

  • No related guides in the current seed set.