Color Picker & Converter
Pick a color and get it as HEX, RGB, HSL and HSV with one-click copy. Adjust channels and alpha, explore tints and shades, and check WCAG contrast — all in your browser.
#6c72ffCopy#6c72ffffCopyrgb(108, 114, 255)Copyrgba(108, 114, 255, 1)Copyhsl(238, 100%, 71%)Copyhsla(238, 100%, 71%, 1)Copyhsv(238, 58%, 100%)CopyAbout the color picker & converter
Updated June 2026 · 100% client-side — your data never leaves your browser.
Pick a color and instantly get it in every format you need — HEX, HEX8, RGB(A), HSL(A) and HSV — with one-click copy for each. Adjust the RGB or HSL channels with sliders, set transparency, and explore tints and shades generated from your color.
A built-in contrast checker shows the WCAG ratio against black and white so you can confirm text legibility. Everything runs in your browser.
See also: Color palette generator, CSS gradient generator
HEX, HEX8, RGB, RGBA, HSL, HSLA and HSV — copy any of them.
Fine-tune RGB and HSL channels and alpha with live sliders.
Auto-generated lighter and darker variations you can click to select.
WCAG contrast ratios against black and white with AA/AAA labels.
Frequently asked questions
How do I convert HEX to RGB?
Split the 6-digit hex into three pairs and read each as a base-16 number: #1E90FF → 1E=30, 90=144, FF=255 → rgb(30, 144, 255). Pick or paste any color above and this tool shows the RGB value instantly with one-click copy.
What's the difference between RGB and HSL?
RGB describes a color by how much red, green and blue light to mix, which maps to how screens work but isn't intuitive to tweak. HSL describes the same color as Hue (position on the color wheel), Saturation and Lightness, so you can make a color lighter or less vivid by adjusting a single channel.
What is HSL?
HSL stands for Hue, Saturation, Lightness. Hue is an angle from 0-360° on the color wheel, saturation is how vivid the color is (0% grey to 100% full), and lightness runs from 0% black through the pure color at 50% to 100% white.
What is the difference between HEX and HEX8?
HEX is a 6-digit RGB color (#rrggbb). HEX8 adds two more digits for the alpha channel (#rrggbbaa), letting you express transparency in a single hex value.
What contrast ratio do I need?
WCAG recommends at least 4.5:1 for normal text (AA) and 7:1 for AAA. Large text can pass AA at 3:1. The built-in checker flags which levels your color meets against black and white.
Is my color data sent anywhere?
No. All color conversion happens locally in your browser.