Color Picker

Pick colors from a color wheel or any image — get HEX, RGB, HSL and CSS color codes instantly

Color picker

Preview

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
R59
G130
B246
CSS var--color: #3B82F6;
Tailwind-likebg-[#3B82F6]

Pick from image

Free Color Picker — Get HEX, RGB, HSL Color Codes Online

ezyimg's Color Picker gives you HEX, RGB, HSL, R, G, B and CSS variable color codes from any color you choose. Pick from the color wheel or hover over any image to extract exact colors from it. One-click copy for each format. Completely free, runs in your browser.

How to Use

  1. 1

    Use the color picker

    Click the color swatch to open the native browser color picker. All codes update instantly.

  2. 2

    Or pick from an image

    Drop any image into the 'Pick from image' area. Hover to preview colors, click to pick.

  3. 3

    Copy the color code you need

    Click the copy icon next to HEX, RGB, HSL, CSS var, or Tailwind class.

  4. 4

    Use the history

    Colors you click from images are saved in the Picked Colors section for easy reuse.

Tips & Best Practices

  • →HEX is the most common format for web development.
  • →Use the Tailwind format for bg-[#XXXXXX] utility classes.
  • →HSL is great for programmatic color manipulation (adjusting lightness/saturation).
  • →The image picker lets you extract brand colors from logos or screenshots.

Frequently Asked Questions

How do I find the HEX color of any color online?

Use ezyimg's Color Picker — select a color from the wheel, or upload an image and hover to find the exact HEX code of any pixel. Click the copy button to copy it.

How do I get the RGB value of a color?

Open the Color Picker, choose your color, and the RGB value is shown instantly in the format rgb(R, G, B). Click the copy icon to copy it.

How do I extract colors from an image?

Drop your image into the 'Pick from image' section. Hover your cursor over any part of the image to see the color code in real time. Click to save it to your picked colors list.

What is the difference between HEX and RGB?

HEX is a 6-character code like #3B82F6. RGB uses three numbers (0-255) for Red, Green, Blue like rgb(59, 130, 246). Both represent the same color, just in different formats.