HEX to RGB Converter

What this tool does

HEX to RGB Converter is a free in-browser tool that takes a color in any of the four formats designers and developers reach for — HEX, RGB, HSL, HSV — and shows the equivalent in the other three. The unique feature is batch mode: paste a list of colors (one per line) and the tool emits the same conversion for every entry at once. Useful for translating a brand color palette from a Figma export into the CSS values your engineer needs, or for going the other direction.

How to use

1. Type or paste a color in any of the four format inputs (HEX, RGB, HSL, HSV).
2. The other three formats update live; click the Copy button next to the one you need.
3. For multiple colors, switch to Batch mode and paste a list — the converter handles all at once.

Who it's for

• Students Verify color values for design coursework or convert between formats for cross-platform homework (RGB for code, HSL for theory).
• Designers Convert a Figma brand palette into the four CSS-ready formats engineering needs, all at once with batch mode.
• Front-end engineers Paste a design system's full color token list and emit the rgba() values for theme overrides or accessibility variants.
• Marketers & content Sync brand colors across slide decks (HEX), social posts (RGB), and CSS overrides (HSL) in one paste-and-copy operation.
• QA & accessibility Convert a list of UI colors and check each against WCAG contrast thresholds using the rendered HSL.

What you get

• Four-format conversion — type in HEX, RGB, HSL, or HSV and see all four immediately.
• Batch mode — paste a list of colors (one per line) and convert every entry at once.
• Copy buttons per format — one click puts the value on your clipboard in the format you need.
• Shareable URL — encode the current color in the URL so a teammate sees the exact same swatch.
• Zero install + zero tracking — runs entirely in the browser, no signup, no server-side calculation.

Conversion accuracy

All conversions use IEEE-754 double-precision math and are round-trip safe — HEX → HSL → HEX returns the original value. The formulas follow the W3C CSS Color Module Level 4 and the standard Wikipedia HSL/HSV reference. Calculations run locally in your browser, nothing is uploaded.

Frequently asked questions

Which color formats does this convert between?

HEX (#3b82f6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)), and HSV (hsv(217, 76%, 96%)) — the four formats every modern CSS / design / photo workflow uses. Each one is editable; changing any of them updates the other three.

How does batch mode work?

Switch to Batch mode and paste a list of colors (one per line) in any single source format. The converter emits the equivalent in each of the other three formats as a table you can copy. Useful for translating a design system's color tokens or migrating a palette between tools.

Is the conversion accurate?

Yes. Conversions use IEEE-754 double-precision math and are round-trip safe (HEX → HSL → HEX returns the original value within ±1 per channel from integer rounding, the standard tolerance every popular color library uses). Formulas follow W3C CSS Color Module Level 4.

How is this different from the Color Picker tool?

The Color Picker is interactive — it has the system eyedropper, a color wheel, and a saved palette. The HEX Converter is a reference tool — single-purpose four-format conversion + batch mode for working through a list. Use the Picker when you're sampling, use the Converter when you have values and need them in a different format.

Can I bookmark or share a specific conversion?

Yes. The current color is reflected in the URL as a query parameter (e.g. ?v=ff0000). Bookmark the URL or send it to a teammate — opening it loads the exact same color into the converter.