🛠️UseItTool

Color Picker

Pick colors visually and get HEX, RGB, and HSL values instantly. Generate color variations, harmonies, and CSS code.

100% FreeNo Signup Required100% Private
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239°, 84%, 67%)

Color Variations (Lighter & Darker)

Color Harmonies

CSS Code

.my-element {
  color: #6366f1;
  background-color: rgb(99, 102, 241);
  border-color: hsl(239, 84%, 67%);
}