Toolkitties
๐ŸŽจ Images

How to Pick a Color and Get a Matching Palette

Pick a color visually and get its HEX, RGB and HSL values, plus a palette built around it.

Key takeaways

  • Color Palette Generator lets you pick a color visually and instantly see its HEX, RGB and HSL values.
  • Useful at the start of a design โ€” picking a base color and exploring a matching palette before committing in code or design software.
  • Pairs with [Color Converter](/color-converter) once you have specific colors and just need to convert formats.

Picking a color

Open Color Palette Generator, pick a color using the picker, and copy whichever format (HEX, RGB, HSL) your project needs.

Frequently asked questions

Can I enter a color code instead of picking visually?

Yes โ€” type a known HEX, RGB or HSL value directly if you already have a specific color in mind, rather than selecting it from the picker.

Keep reading