100% PrivateFree
#3B82F6
r59
g130
b246
Aa
3.68:1 on white
Fail
Aa
5.71:1 on black
AA
HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

HSV

hsv(217, 76%, 96%)

CMYK

cmyk(76%, 47%, 0%, 4%)

How It Works

1

Pick or Enter a Color

Use the color picker, type a HEX code, or adjust the RGB sliders.

2

View All Formats

See the color displayed in HEX, RGB, HSL, HSV, and CMYK simultaneously.

3

Check Contrast & Copy

View contrast ratios against black and white, then copy any format.

Frequently Asked Questions

What is the difference between RGB and HEX?
RGB (Red, Green, Blue) uses decimal values 0-255 for each channel, while HEX uses hexadecimal (00-FF). They represent the same colors - HEX is just a more compact notation. #FF0000 is the same as rgb(255, 0, 0).
What is HSL?
HSL stands for Hue, Saturation, Lightness. Hue is the color angle (0-360 degrees), Saturation is the intensity (0-100%), and Lightness controls how light or dark the color is (0-100%). It is often more intuitive than RGB for designers.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in printing. Converting from RGB to CMYK helps ensure colors look correct when printed.
What is WCAG contrast ratio?
The WCAG contrast ratio measures the difference in luminance between two colors. A ratio of 4.5:1 is required for normal text (AA level), and 7:1 for enhanced contrast (AAA level).
Why do HSV and HSL give different values?
HSV (Hue, Saturation, Value) and HSL (Hue, Saturation, Lightness) define saturation and brightness differently. HSV saturation goes from white to pure color, while HSL saturation goes from gray to pure color.
Share:

About Color Convert

What this tool does

Data converter tools transform structured data between JSON, CSV, YAML, XML, TOML, SQL, TypeScript interfaces, Go structs, and more. They handle nested objects, arrays, and type inference automatically.

Why use this tool

APIs return JSON, spreadsheets export CSV, infrastructure config uses YAML, and legacy systems speak XML. Being able to convert between these formats without writing a custom script saves hours of tedious data wrangling.

How it works

The tool parses your input format into an in-memory object tree, then serializes that tree into the target format. Type information (string, number, boolean) is inferred from values and mapped to the closest equivalent in the output format.

Pro tip

When converting CSV to JSON, the first row is treated as column headers by default. If your CSV has no headers, toggle that option off to get array-of-arrays output instead.

Deep Dive: Related Research

Color Theory for Digital Design 2026: Models, Accessibility, and Psychology

10,500 words · 22 min read

The Complete Guide to CSS in 2026

30,000 words · 65 min read

Explore More

Love this tool? Explore 12467+ more

Free online tools for images, PDFs, text, code, and more. All running in your browser.

Explore All Tools