Color Picker & Converter

Pick colors visually and convert between HEX, RGB, and HSL formats. Copy any format with one click.

HEX

RGB

HSL

Hue 262

Saturation 90%

Lightness 66%

Color Format Guide

Understanding different color formats helps you work efficiently across various design and development tools.

Hexadecimal colors use a # followed by 6 characters (0-9 and A-F). Each pair represents Red, Green, and Blue values. Example: #FF5733

RGB uses three numbers (0-255) for Red, Green, and Blue channels. This format is common in CSS and design software. Example: rgb(255, 87, 51)

HSL represents Hue (0-360), Saturation (0-100%), and Lightness (0-100%). It's more intuitive for adjusting colors. Example: hsl(14, 100%, 60%)