Color Picker

Color Picker provides an interactive canvas to visually select any colour and instantly see its HEX, RGB, and HSL values. It is useful when you have a colour in mind but need its precise code for CSS, design files, or documentation.

Eyeballing a colour and guessing its hex value is unreliable. The picker gives you an exact value you can copy directly into your stylesheet or design tool.

Tip: For colours you have seen on a website, use your browser's built-in DevTools colour picker in the inspector to sample the exact value — then use this tool to convert it to whichever format you need.