Color Picker — HEX, RGB & HSL Converter

Pick colors visually and convert between HEX, RGB, and HSL formats. Copy CSS-ready color values instantly.

R
G
B

CSS Values

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Shades

With black & white text

White text
Black text

What is a Color Picker?

A color picker lets you select colors visually and get their values in different formats (HEX, RGB, HSL). These values can be used directly in CSS, design tools, and image editors.

HEX vs RGB vs HSL

HEX is the most common format in web design (#FF5733). RGB defines colors by red, green, and blue components (0-255). HSL uses hue (0-360), saturation (0-100%), and lightness (0-100%), making it more intuitive for adjusting colors.

Related Tools

JSON Formatter
Format, validate, and beautify JSON data with syntax highlighting.
Password Generator
Generate strong, random passwords with customizable length and characters.
Markdown Preview
Write Markdown and preview the rendered HTML output in real time.