Color Picker
Pick any color and instantly get its HEX, RGB, HSL, and HSV codes. Copy any value with one click, and explore tints, shades, and the complementary color. Works entirely in your browser.
🎨 Pick a Color
#FF6B35
Color Codes
HEX
#FF6B35RGB
rgb(255, 107, 53)HSL
hsl(16, 100%, 60%)HSV
hsv(16, 79%, 100%)Tints (lighter)
Click any swatch to copy its hex code.
Shades (darker)
Click any swatch to copy its hex code.
Complementary
The opposite color on the wheel — great for accents.
Advertisement
How It Works
🎯
Pick or type
Use the color picker, paste a hex code, or grab a color from your screen with the eyedropper.
🔢
Get every code
See HEX, RGB, HSL, and HSV instantly, and copy any format with a single click.
🌈
Build a palette
Explore ready-made tints, shades, and the complementary color for a balanced palette.
Advertisement
Frequently Asked Questions
What is the difference between HEX, RGB, HSL, and HSV?
HEX is a 6-digit hexadecimal code (like #FF6B35) used widely in HTML and CSS. RGB describes a color by its red, green, and blue channels (0–255). HSL uses hue, saturation, and lightness, which is intuitive for adjusting tone. HSV (also called HSB) uses hue, saturation, and value/brightness. They all describe the same color in different ways, and this tool converts between them automatically.
How do I copy a color code?
Pick a color, then click the "Copy" button next to any format (HEX, RGB, HSL, or HSV) to copy it to your clipboard. You can also click any swatch in the tints, shades, or complementary sections to copy its hex code directly.
Is this color picker free and private?
Yes. There is no signup, no watermark, and no upload. All color conversions happen right in your browser, so the colors you pick never leave your device.
Does the eyedropper work in every browser?
The eyedropper uses the browser's built-in EyeDropper API, which lets you pick any color visible on your screen. It is supported in Chrome, Edge, and other Chromium-based browsers. When your browser does not support it, the eyedropper button is hidden automatically and you can still pick colors with the picker or by typing a hex code.