#4f46e5
rgb(79, 70, 229)
About this tool
The Color Picker provides a full-featured color selection interface with a visual gradient canvas, hue slider, and opacity control. It displays the selected color in HEX, RGB, and HSL formats simultaneously, making it easy to get the exact color code your project needs. Saved colors can be collected into a palette for reference.
Working with colors across different formats is a constant need in design and development. CSS accepts HEX, RGB, HSL, and named colors — different contexts call for different formats. Having a single tool that shows all three representations at once eliminates the need to manually convert between them.
The color picker is useful for exploring color families, quickly finding the codes for common colors, building mini palettes, and checking how opacity affects a color's appearance. The saved palette persists during your session so you can compare swatches and pick the best option.