◍
Color Picker & Palette
Pick a color and get its HEX, RGB & HSL codes plus a matching palette.
HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(224, 82%, 53%)
About this tool
Pick any color and instantly see its HEX, RGB and HSL values, ready to copy into your CSS or design tool, along with a matching palette of complementary shades for quick inspiration.
What color formats are shown?
HEX, RGB and HSL, all generated from the same selection.
Does it suggest matching colors?
Yes, a palette of related shades is generated alongside your chosen color.
Can I copy the codes directly?
Yes, each value has a one-click copy button.