tools.

Color Picker & Converter

Free color picker and converter. Explore colors with a visual color picker, generate random color palettes, and convert between HEX, RGB, HSL, and CMYK color formats for web design and development.

#3B82F6

Preview and Values

#3B82F6

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Complementary Palette

5 colors generated by rotating the hue 72 degrees on the color wheel.

#3C83F6
#D43CF6
#F63F3C
#CEF63C
#3CF68A

What Is a Color Picker?

A color picker is a tool that allows you to explore, select, and convert colors between different formats. It is essential for web designers, developers, and anyone working with digital colors.

Color Formats

HEX: Hexadecimal representation (#RRGGBB), the most commonly used format in CSS and web design. RGB: Additive color model with Red, Green, and Blue values (0-255). HSL: Model based on Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%).

How to Generate a Color Palette

Select a base color and the tool will automatically generate a palette of 5 complementary colors based on hue rotation. This creates harmonious combinations ideal for design projects.

Frequently Asked Questions

How do I convert HEX to RGB?

The HEX format splits 6 digits into pairs: the first two represent red, the next two green, and the last two blue. Each pair is converted from hexadecimal to decimal (0-255).

What is hue in HSL?

Hue is the angle on the color wheel (0 to 360 degrees). 0 degrees is red, 120 degrees is green, and 240 degrees is blue. Rotating the hue helps find complementary and harmonious colors.

Related Tools