Color Picker

Pick any color using the native color input or type a HEX, RGB, or HSL value. Copy color codes in any format with one click.

Pick a Color

Or Enter a Value

HEX

#6c5ce7

RGB

rgb(108, 92, 231)

HSL

hsl(247, 75%, 63%)

CMYK

cmyk(53%, 60%, 0%, 9%)

Shades & Tints

Contrast Checker

Foreground

Background

Sample Text — The quick brown fox

—

How to Use the Color Picker

Click the color input to open your browser's native color picker. Alternatively, type a HEX code (like #ff5733), RGB value (like rgb(255, 87, 51)), or HSL value (like hsl(11, 100%, 60%)) in the text field.

All three formats update in real-time. Click any "Copy" button to copy the value to your clipboard.