Skip to content
Got A Tool
Developer Tools

HEX, RGB & HSL Color Converter

Convert one opaque sRGB color between normalized HEX, RGB, and HSL values locally.

Local color conversion. Enter one opaque sRGB color. Conversion happens in this browser tab and nothing is uploaded or stored.

Accepted input: 3- or 6-digit HEX, such as #2463EB, or comma-separated RGB such as rgb(36, 99, 235). Transparency and named CSS colors are outside this tool's scope.

HEX

#2463EB

RGB

rgb(36, 99, 235)

HSL

hsl(221, 83.3%, 53.1%)

Data handling

Storage and export controls

Retention
The tool's working state is kept only while this page is open. Inputs and results are not saved to persistent storage by Got A Tool.
Export
The tool may prepare a result after you run it. It downloads or copies it only when you choose that action.

Advertising and analytics are separate site services. We do not send selected tool input to them. Read the Privacy Policy for details.

How it works

Convert an opaque sRGB color in three steps

01

Enter a color

Paste a HEX or RGB value, or choose a color with the native browser picker.

02

Review the formats

Check the normalized uppercase HEX value, RGB channels, and HSL coordinates.

03

Copy what you need

Copy one explicit format into a design token, stylesheet, or design handoff.

Clear limit

A color code is not a contrast decision.

This tool changes the notation of one opaque sRGB color. It does not check contrast, accessibility, print profiles, transparency, gradients, or color-management differences between displays.

HEX and RGB input

Accepts short or long hexadecimal notation and integer RGB channels.

Normalized output

Returns uppercase six-digit HEX and explicit RGB and HSL values.

No alpha channel

Transparent colors are excluded because their appearance depends on a background.

Local conversion

The color value stays in the current browser tab.

Keep working

Related tools

Color Contrast Checker

Calculate the WCAG contrast ratio between two hexadecimal colors and check text-size thresholds.

Open tool →

Favicon Generator

Turn one image into common favicon, Apple touch, Android icon, manifest, and HTML snippet files.

Open tool →

Aspect Ratio Calculator

Calculate a new image or video width and height while keeping the original aspect ratio.

Open tool →

Image Metadata Viewer & Remover

Inspect and remove privacy metadata from static JPG, PNG, and WebP images without recompressing pixels.

Open tool →