Color Picker & Converter

Pick colors, convert between HEX, RGB, HSL, CMYK formats. Generate color palettes, find complementary colors. Free designer tool.

HEX

HEX#F59E0B

RGBrgb(245, 158, 11)

HSLhsl(38, 92%, 50%)

CMYKcmyk(0%, 36%, 96%, 4%)

CSS Variable

--color: #f59e0b;

Complementary

Analogous

Triadic

White Text

on your color

Black Text

on your color

Frequently Asked Questions

What is HEX color code?▼

HEX is a 6-digit code representing Red, Green, Blue values in hexadecimal (00-FF). For example, #FF0000 is pure red.

How to convert HEX to RGB?▼

Split the 6-digit HEX into 3 pairs, convert each from hexadecimal to decimal. #FF8800 → R:255, G:136, B:0.

What are complementary colors?▼

Colors opposite each other on the color wheel. They create high contrast when used together. We calculate the complement by shifting hue by 180°.