Professional Color Picker

Source

Sampler
Spectrum
Image

Upload an image to pick colors from

Pixel Color

No pixel selected
No pixel selected
Magnifier
Zoom in
Zoom out

Coordinates

Pixel X
-
Pixel Y
-

Edit and Convert Color Code

HEX & HTML

HEX
HTML / CSS

Color Format

Color Components

Red
255
Green
255
Blue
255
Opacity
100%

Pinned Colors

How to Use This Tool

Picking Colors
  • Sampler: Click on any color in the color grid or spectrum to select it.
  • Spectrum: Click anywhere in the color spectrum to select a precise color.
  • Image: Upload an image and click on any part to extract its color.
  • Hex Button: Opens a detailed color picker with gradient selection.
  • Hue Button: Opens a hue selector with various color format outputs.
  • Pick from Screen: Allows you to pick colors from anywhere on the webpage.
Editing Colors
  • RGB Sliders: Fine-tune your color by adjusting Red, Green, and Blue values.
  • Hex Input: Directly enter a hex color code to select it.
  • Opacity: Adjust the transparency of your selected color.
  • Format Selector: Switch between RGB, HSL, and HSV color formats.
Saving Colors
  • Pin Current: Save the current color to your pinned colors collection.
  • Clear All: Remove all pinned colors from your collection.
  • Export: Download your pinned colors as a text file.
  • Click on Swatch: Click any pinned color swatch to load that color.
  • Remove Individual: Hover over a pinned color and click the X to remove it.
Using Color Values
  • Copy Values: Click the copy icon next to any color value to copy it to clipboard.
  • Pixel Coordinates: View the exact X and Y coordinates of your selected pixel.
  • Multiple Formats: Access your color in HEX, RGB, HSL, CMYK and more formats.
  • Zoom Tools: Use the zoom in/out buttons when working with images for precision.

For more detailed instructions or help, please visit our Contact page.

Copied!
Copied!