Color Picker

Pick colors and convert between HEX, RGB, and HSL. Free, no signup.

How It Works

Use the color picker or type a value in any format (HEX, RGB, or HSL). All three formats update automatically. Click Copy to copy any value to your clipboard.

Color Formats Explained

HEX uses a # followed by 6 hexadecimal digits (e.g. #3b82f6). It is the most common format in CSS and design tools.

RGB defines a color by its red, green, and blue components, each ranging from 0 to 255 (e.g. rgb(59, 130, 246)).

HSL defines a color by hue (0-360 degrees), saturation (0-100%), and lightness (0-100%). It is often more intuitive for adjusting colors.

Share this tool