Why values look slightly different?

Rounding and display profile differences can occur.

Can I convert shorthand HEX?

Use valid syntax; shorthand may be expanded internally.

Is alpha channel supported?

Check current UI scope; this tool focuses on base HEX/RGB/HSL.

Language

← Back to tools

Color Code Converter

Convert and synchronize HEX, RGB, and HSL color values instantly.

Color Picker HEX

RGB HSL

Edit any field to sync all color formats.

Feedback

Was this tool useful?

Overview

Convert HEX, RGB, and HSL values with synchronized updates. Useful for CSS implementation and design handoff.

How to use

Enter a color in HEX/RGB/HSL or use picker.
Check converted values.
Copy the needed format for code/design tools.

Examples

HEX to RGB

Input: #3366ff

Output: rgb(51, 102, 255)
RGB to HSL

Input: rgb(255, 0, 0)

Output: hsl(0, 100%, 50%)

Notes

Input syntax must be valid per format.
Color perception differs by monitor/profile.
Rounding can slightly change displayed values.

FAQ

Why values look slightly different?: Rounding and display profile differences can occur.
Can I convert shorthand HEX?: Use valid syntax; shorthand may be expanded internally.
Is alpha channel supported?: Check current UI scope; this tool focuses on base HEX/RGB/HSL.

Share: X Reddit HN LinkedIn Facebook

Embed this tool

Paste this iframe into any HTML page to embed Color Code Converter on your site:

<iframe src="https://arsenal.tools/en/embed/color-code-converter/" width="100%" height="500" style="border:1px solid #e2e8f0;border-radius:8px" loading="lazy" title="Color Code Converter"></iframe>