HTML Color Picker Online Free: Grab Any Color with This HEX Tool Instantly!

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!