Free Online Tool

Color Picker & Converter

Pick any color and instantly convert between HEX, RGB, and HSL. Copy values, adjust with sliders, and check WCAG contrast ratios.


Pick a Color

#6366F1
HEX
RGB
HSL
CSS
R99
G102
B241
H239°
S84%
L67%
Recent Colors

WCAG Contrast Checker

Text
BG
The quick brown fox jumps over the lazy dog
Ratio — AA AAA

Color Info

Free Color Picker & HEX to RGB Converter

WebDesign001's Color Picker lets you pick any color visually and instantly converts it to HEX, RGB, and HSL formats. Adjust colors with precision using the RGB and HSL sliders, check WCAG accessibility contrast ratios, and copy any value with one click.

How to Convert HEX to RGB

Enter any HEX color code (e.g. #6366f1) in the HEX field and the tool instantly converts it to RGB and HSL. You can also type directly into the HEX field and press Enter to update all values.

WCAG Contrast Ratio Checker

The contrast checker uses the WCAG 2.1 luminance formula to calculate the contrast ratio between your text color and background color. A ratio of 4.5:1 passes AA for normal text, and 7:1 passes AAA.