Color Picker Tool

An easy-to-use, intuitive online color picker to help you choose colors for your project. Supports RGB, HSL, and HEX color codes. Simply choose a color you like, copy its code, and use it in your HTML, CSS, or design projects.

Right arrow Selected Colors
Right arrow Color
Right arrow Recent Colors
Hex #FF0000
RGB 255, 0, 0
HSV 0, 100%, 100%
HSL 0, 100%, 50%
Hue 0
R
255
G
0
B
0
H
0
S
100
L
50
Right arrow Background Color
Right arrow Text Color
Text

HTML Code

style="background-color: #FF0000"
style="background-color: rgb(255, 0, 0)"
style="color: #FF0000"
style="color: rgb(255, 0, 0)"

CSS Code

background-color: #FF0000;
background-color: rgb(255, 0, 0);
color: #FF0000;
color: rgb(255, 0, 0);
Right arrow Monochromatic
Right arrow Complementary
Right arrow Analogous
Right arrow Triadic