HEX & RGB
RGB combines red, green and blue light, each from 0–255. HEX writes the same three channels in hexadecimal: #FF0000 is red, #000000 black and #FFFFFF white.
Demo image · click anywhere to sample a color
8 colors · click a swatch to copy its HEX code
Tints mix your color with white; shades mix it with black. Click any swatch to copy its HEX code and inspect its values.
Need dedicated conversion? Open RGB ↔ CMYK Converter or Pantone Color Tool.
RGB combines red, green and blue light, each from 0–255. HEX writes the same three channels in hexadecimal: #FF0000 is red, #000000 black and #FFFFFF white.
HSL uses hue, saturation and lightness. HSB (also called HSV) uses brightness instead. Hue is an angle; saturation, lightness and brightness are percentages.
CMYK describes cyan, magenta, yellow and black ink. Screen RGB and printer CMYK have different gamuts. A mathematical conversion cannot guarantee the same printed color.
Use lighter tints for backgrounds and darker shades for emphasis. Extracted palettes are representative, not every pixel color. Always check text contrast before using a palette in a design.
Upload, paste, or enter an image URL to get HEX, RGB, HSL and more. No signup needed.
100% free · No sign-up · No daily limits · No watermarks · Processed in your browser — files never leave your device
Color Picker: Choose a color, inspect its available representations and copy the value.
📖 From the blog: Choosing a colour palette for your website that still looks professional
Use #000000 for black and #FFFFFF for white.
Choose a color, inspect its available representations and copy the value.
A chosen color alone does not guarantee accessible contrast against your background.
Check the input format and any visible error, try a smaller test case, and confirm the browser supports the required feature. Do not treat an empty output as a successful result.
What is missing, broken, or could be better on this tool? Tell us — we read every suggestion.
✅ Thanks — your suggestion has been received. Suggestions like yours shape what we build next.