Home/Tools/Color Picker

Color Picker

Select and customize colors with a visual picker. Convert between color formats and copy values for your projects.

rgb(79, 70, 229)
hsl(245, 75%, 58%)

Color Picker

RGB Controls

79
70
229

HSL Controls

245°
75%
58%

Recent Colors

Selected colors will appear here.

About Color Formats

Hex Color

Hexadecimal format uses 6 digits to represent RGB values from 00 to FF (0-255). Commonly used in web development, CSS, and design tools.

RGB Color

RGB (Red, Green, Blue) defines colors by specifying the intensity of each primary color, with values ranging from 0 to 255.

HSL Color

HSL (Hue, Saturation, Lightness) is more intuitive for humans. Hue represents color (0-360°), saturation controls intensity (0-100%), and lightness adjusts brightness (0-100%).

Use the Copy buttons to quickly copy color values in your preferred format for use in design and development.