PixHaul/Color Converter
HEX · RGB · HSL · HSV

Color Converter

Convert between HEX, RGB, HSL and HSV. Live preview swatch and a tiny palette of harmonies (complement, analogous, triad).

#C2410C
Pick a color
Contrast vs.
Aa
5.18:1 · AA
Aa
4.06:1 · fail
HEX
RGB
HSL
°
%
%
HSV
Complement
Analogous
Triad
Tetrad
Why this tool

Built for fast, private, no-nonsense work.

Color Converter is part of PixHaul — a small set of browser-based tools we built because most of the “free online” alternatives are slow, ad-laden, and upload your files before they’ll process them. PixHaul does none of that.

Four formats at once — HEX, RGB, HSL, HSV — so you can copy whichever your tool needs.
Live contrast ratios against black and white, with AA/AAA accessibility badges.
Built-in palette suggestions: complement, analogous, triad, tetrad.
Type or click — every input is editable, and edits in one format update the others in real time.
How to use it

Color Converter in four steps.

  1. 1

    Pick a starting color

    Click the color square to use the native picker, or paste a HEX, RGB or HSL value into the matching field.

  2. 2

    Read the other formats

    All four formats update live. Click Copy on the one you need.

  3. 3

    Check accessibility

    The contrast tiles show ratios against black and white text. AA needs 4.5:1 for body text; AAA needs 7:1.

  4. 4

    Explore harmonies

    Click any color in the Complement, Analogous, Triad or Tetrad strips to make it the new base color and repeat.

Common questions

Questions, asked & answered.

Why are there so many color formats?

Different tools use different formats. HEX is CSS-friendly. RGB is how computers store color. HSL and HSV are how humans think about color (hue, saturation, lightness/value). Having all four lets you copy whichever your tool expects.

What is contrast ratio?

Contrast ratio measures how readable colored text is against a background. WCAG accessibility guidelines require 4.5:1 (AA) for body text and 7:1 (AAA) for stricter compliance. We show both ratios next to your color.

What’s a color harmony?

A harmony is a set of colors picked by mathematical rules — complementary is opposite on the wheel, triad is three points evenly spaced, etc. They’re a quick way to find palettes that look pleasing together.

Can I save my palettes?

Not yet — palette saving is on the roadmap. For now, copy the values you like into your design tool or a notes app.

Does it support color spaces like P3 or LAB?

Not currently. We support the four standard web formats that 99 % of tools accept: HEX, RGB, HSL, HSV. Wider gamut support (P3, LAB, OKLCH) is on the roadmap.

Are my colors stored or tracked?

No. All conversion is in-browser math. We never store the colors you pick.

More tools