Skip to content
Quickora
Menu

Color Converter (HEX, RGB, HSL)

Convert colors between HEX, RGB and HSL, preview the swatch, and check its contrast ratio against white and black text for accessibility.
  • HEX#0E6149
  • RGBrgb(14, 97, 73)
  • HSLhsl(163, 75%, 22%)
White text on this color
7.43:1AAA
Black text on this color
2.82:1Fails

Get new free tools from Quickora

Join the list and I’ll send you new calculators, converters, and everyday utilities when they launch.

No spam. Unsubscribe anytime.

How to use it

  1. Type a color in any format: #0e6149, rgb(14, 97, 73) or hsl(163, 75%, 22%).
  2. Or pick one with the color picker.
  3. Copy the format you need; check the contrast ratings before using it for text.

Examples

HEX to RGB

#FF8800 is rgb(255, 136, 0) — each pair of hex digits is one channel from 00 (0) to FF (255).

Checking text contrast

Pure #777777 gray on white has a 4.48:1 ratio, just under the 4.5:1 WCAG AA minimum for normal-size text.

How the formats relate

HEX and RGB are the same thing written differently: red, green and blue channels from 0 to 255. HSL describes the same color as hue (0–360°), saturation and lightness, which is easier to adjust by hand.

Contrast ratio follows the WCAG 2 formula using relative luminance. WCAG AA asks for at least 4.5:1 for normal text and 3:1 for large text; AAA asks for 7:1 and 4.5:1.

contrast = (L₁ + 0.05) ÷ (L₂ + 0.05), where L is relative luminance

Frequently asked questions

What does the 3-digit hex shorthand mean?

Each digit is doubled: #F80 is #FF8800. This converter accepts both forms.

Why might HSL round-trip to a slightly different hex?

HSL values are rounded to whole numbers, so converting back can shift a channel by one step. Copy the HEX or RGB value when you need an exact match.

Does it support transparency?

Not yet — alpha values in #RRGGBBAA or rgba() aren't accepted. Convert the opaque color and add opacity separately.

Related tools

JSON Formatter & ValidatorPretty-print, validate or minify JSON. Errors show the exact line and column, and you can sort keys alphabetically. Runs locally so it's safe for API responses and config files.URL Encoder & DecoderPercent-encode text for use in URLs and query strings, or decode %20-style escapes back into readable text. Handles accents and emoji (UTF-8).Base64 Encoder & DecoderEncode text to Base64 or decode Base64 back to text, with proper UTF-8 handling and an option for the URL-safe alphabet used in JWTs and web tokens.Data Storage ConverterConvert bits, bytes, KB, MB, GB and TB — and the binary KiB, MiB, GiB and TiB that operating systems often use — to see why a “1 TB” drive shows less space.

Found this useful? Quickora is free to use — buy us a coffee (opens in a new tab) to help keep it that way.

More in Converters · Last reviewed October 2026