convert between populer formats in one click
process multiple files at once
Guest User
Upload an image and instantly pick colors, get HEX, RGB, HSL values, and copy your favorite colors in one click.
Supports JPG, PNG, WEBP, GIF, BMP • Max 20 MB MB
Use the color picker, image picker, or contrast checker to get accurate HEX, RGB, HSL, CMYK and CSS color values for your design or website.
Select a color from the picker, color canvas, hue slider, or generate a random color.
Upload an image and click anywhere on it to grab the exact color from that pixel.
Copy HEX, RGB, HSL, HSV, CMYK, RGBA or CSS variable values with one click.
Use the contrast checker to test text and background colors for better accessibility.
Tip: Use color harmony and shades to create matching palettes for buttons, cards, backgrounds and text.
Pick colors, convert color formats, check contrast, generate palettes and copy ready-to-use CSS values from one clean tool.
Pick any color directly from your screen using the eyedropper and get instant color values.
Upload an image and click on any area to extract the exact color from that pixel.
Convert colors into HEX, RGB, HSL, HSV, CMYK, RGBA and CSS variable formats.
Create matching shades, tints and harmony palettes for modern website and app designs.
Generate beautiful linear or radial gradients and copy the CSS code instantly.
Check text and background contrast to improve readability and accessibility.
A color picker tool helps you choose, extract and convert colors for websites, apps, graphics, branding and UI design. You can select a color manually, pick it from an image, copy color codes and test how readable your color combination is.
This online color picker gives you ready-to-use values like HEX, RGB, HSL, HSV, CMYK and CSS color formats. It is useful for developers, designers, content creators and anyone who wants accurate colors without installing heavy design software.
Copy HEX, RGB, HSL and CSS variables directly into your HTML, CSS, Tailwind or design system.
Create color palettes, shades, tints and gradients for clean, consistent visual designs.
Check foreground and background contrast before using colors in buttons, cards, headings and text.
See how picked colors can be used in real website UI elements like buttons, cards, gradients and text backgrounds.
Use picked colors for CTA buttons, hover states and action controls.
English 
日本語 
Русский 
#6366F1Clean UI block with soft background and readable text.
Create soft card backgrounds for dashboards, tools and SaaS pages.
#EEF2FFGenerate linear or radial gradients and copy CSS for hero sections.
linear-gradient(...)Good color contrast makes content easier to read.
Check foreground and background colors before using them in text areas.
AA PassedQuick answers about picking colors, copying formats, image color extraction and contrast checking.
A color picker tool helps you select colors and copy their values in formats like HEX, RGB, HSL, HSV, CMYK and CSS variables.
Yes, you can upload an image and click on any part of it to extract the exact color from that pixel.
This tool supports popular color formats including HEX, RGB, HSL, HSV, CMYK, RGBA and CSS variable output.
The contrast checker helps you test foreground and background colors so your text stays readable and accessible.
Yes, you can copy HEX, RGB, HSL, RGBA, gradient CSS and CSS variable values directly into your website stylesheet.