Pick a color
Drag on the color wheel, type or paste any color code, use the eyedropper, or open a photo and click a pixel.
WAVESPEED AI COLOR PICKER Runs in your browser
100% FREE
Color Picker OnlinePick, convert, check and export colors.
Choose a color from the wheel, your screen or any picture, and copy it as HEX, RGB, HSL, HSV, OKLCH or CMYK.
Build harmonies and shade scales, check text contrast, see it through color-blind eyes and export ready-to-paste code.
Pick from any imageContrast checker built inCSS, Tailwind, Swift & Android code
No sign-up No upload No watermark
Loading the color picker…
Colors and images stay on your device.
THREE SIMPLE STEPS
How to use the color picker
Fine-tune and copy
Adjust it with RGB, HSL, HSV, OKLCH or CMYK sliders and copy the value you need with one click.
Build and export
Make harmonies or a shade scale, check contrast and color blindness, then copy or download the code for your project.
GOOD TO KNOW
Tips for choosing colors
A few habits that make palettes easier to use and easier to read.
Check text contrast early
Body text needs at least 4.5:1 against its background for WCAG AA, large text 3:1. The checker suggests the nearest color that passes.
Use OKLCH for even scales
OKLCH lightness matches what eyes see, so a scale made in OKLCH steps evenly from light to dark without muddy middles.
Don’t rely on color alone
Red and green look alike to many people. Preview your palette in the color-blindness tab and add labels or icons where meaning matters.
Average when picking from photos
Photos are noisy up close. A 3×3 or 5×5 sample gives the color you see rather than a single stray pixel.
Start a palette from an image
Open a photo you like and extract 5 to 8 colors. K-means finds the main colors; median cut keeps small accents.
CMYK here is an estimate
Print colors depend on paper and press. Use the CMYK value as a starting point and check it with your printer’s profile.
WaveSpeed AI
Turn your palette into pictures
Generate images and videos in your brand colors from a prompt with WaveSpeed AI.
Image Generator
Create illustrations, backgrounds and product shots in your colors.
Video Generator
Animate a still image into a short clip.
3D Generator
Turn a picture into a 3D model.
- 1,000+ AI models
- Image, video and 3D
- Pay as you go
$1 in free credits for eligible new accounts. No card needed. Generators have separate account and credit requirements. The color picker is free.
/filters:quality(82)/media/images/1791123751656780930_IfFPY7R0.webp){kind=small}
/filters:quality(82)/media/images/1791123737177812425_RjKT3cku.webp){kind=small}
/filters:quality(82)/media/images/1791123748309870128_xlkNgK8N.webp){kind=small}
/filters:quality(82)/media/images/1791123738630744263_oR09R0aj.webp){kind=small}
/filters:quality(82)/media/images/1791177033162457776_uQ09OY7g.webp){kind=small}
/filters:quality(82)/media/images/1791123734319125607_JdnwGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123746355630206_udnxGPY7.webp){kind=small}
/filters:quality(82)/media/images/1791123744771362580_yC0sPezZ.webp){kind=small}
/filters:quality(82)/media/images/1791123738606970169_5KIR1ais.webp){kind=small}
/filters:quality(82)/media/images/1791123748197655725_EUmuFNW6.webp){kind=small}
Color picker FAQ
How do I pick a color from an image?
Open the Image tab, choose a photo or screenshot (or paste one), then click or tap any pixel. A magnifier shows exactly which pixel you are on, and you can average a 3×3 to 11×11 area. The picture is read in your browser and stays on your device.
Can I pick a color from anywhere on my screen?
Yes, in browsers that support the eyedropper (Chrome, Edge and other Chromium browsers on desktop). Click Eyedropper and then any pixel on your screen, even outside the browser window. In other browsers, take a screenshot and paste it into the Image tab.
How do I convert HEX to RGB?
Type or paste the HEX code into the color field and the RGB value appears below, ready to copy. To convert many colors at once, paste one per line into the Convert tab and choose the output format.
Which color formats are supported?
HEX (3, 4, 6 and 8 digits), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab and CMYK, plus all CSS color names. You can paste values with or without the function name, for example “255, 87, 51”.
What is OKLCH and why use it?
OKLCH describes a color by perceived lightness, chroma (colorfulness) and hue. Equal steps look equal, so it is ideal for shade scales and consistent palettes, and it is supported in modern CSS as oklch().
How does the contrast checker work?
It calculates the WCAG 2 contrast ratio between text and background and shows whether it passes AA and AAA for normal and large text and for interface elements. It also shows the APCA lightness contrast (Lc) from the WCAG 3 draft and suggests the closest passing color.
How do I create a color palette?
Pick a base color, then use Harmonies for complementary, triadic and other schemes, or Shades for tints, shades and a 50–950 scale. You can also extract a palette from a photo. Save favorites and export them as code.
Can I export colors for Tailwind, SwiftUI or Android?
Yes. The Export tab writes your palette as CSS variables, SCSS, Tailwind v4 @theme or a v3 config, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, a GIMP palette or a plain hex list. Copy it or download the file.
Is this color picker free?
Yes. It is free with no sign-up, no limits and no watermark, and everything runs in your browser.
More free tools like this
All Free Tools
Pick your next color
Free, private and ready in your browser.