C O L O R S . pics

Color Picker - HEX, RGB, HSL and Color Names

Choose a color, copy its HEX, RGB or HSL code, find the closest CSS color name, generate quick palettes and save favorite colors in your browser.

Royal Blue #315EFB

Random background gradient - [( R B G )]

A random gradient loads as the page background. Click or drag on the preview to pick a color; click copies the picked HEX code and also updates the main color picker.

CSS linear-gradient(135deg, #315EFB, #F97316)

Picked HEX #315EFB

RGB rgb(49, 94, 251)

HSL hsl(227, 96%, 59%)

Point 50%, 50%

Choose a color - [( C A C )]

Use the picker, type a HEX code, or select one of the named colors below.

Color codes

Name Royal Blue

HEX #315EFB

RGB rgb(49, 94, 251)

HSL hsl(227, 96%, 59%)

Text White text recommended

Pick color from your image - [( P C I )]

Choose an image from your device. Click, drag, or tap on the image to get the color code. A normal click also copies the picked HEX code.

NameClosest: Royal Blue

HEX#315EFB

RGBrgb(49, 94, 251)

HSLhsl(227, 96%, 59%)

Point50%, 50%

Universal gradient picker - [( U G P )]

Click, drag, or tap the gradient to choose a color. Left to right changes the hue. Top is lighter, the middle is vivid, and the bottom is darker.

Hue 227°

Lightness 59%

Point 63%, 41%

Picked color #315EFB

Generated palette - [( G G P )]

Click any swatch to make it the selected color.

Favorites - [( F A V )]

Saved locally in this browser. You can export them, copy them, or import them later on this browser or another device.

Import accepts JSON, TXT, or CSV files containing HEX colors.

Named colors

Search and click a color name to use it.