Color Picker

Online Color Picker — Free

Pick any color and instantly get its code in HEX, RGB, and HSL formats — ready to copy straight into your design or code.

How to Use the Color Picker

Choose a color visually, or type in a HEX, RGB, or HSL value directly if you already know it. All three formats update together, so you can grab whichever one your project needs.

HEX vs. RGB vs. HSL

HEX is the compact, six-character format most common in CSS and design tools, like #7C5CFF. RGB describes a color as red, green, and blue intensity values, which is often more intuitive when adjusting a color's mix. HSL — hue, saturation, lightness — is usually the easiest format for adjusting how light, dark, or vivid a color is without changing its actual hue.

Good Uses for This Tool

Grabbing the exact HEX code for a color you want to use in a design, converting a color between formats for different tools, fine-tuning a color's shade using HSL, or picking a starting color to build a palette around.

Is It Actually Private?

Yes. Everything happens entirely in your browser — nothing is sent to a server.