Color Picker

Pick colors from manual input, your screen, or uploaded images locally in the browser, then copy HEX, RGB, HSL, HSV, CMYK, and CSS values.

Color Picker

The Color Picker lets you pick colors locally in the browser from manual input, your screen, or image pixels, then instantly outputs HEX, RGB, HSL, HSV, CMYK, and CSS values for frontend work, design handoff, theme configuration, and validation.

How do you use it?

  1. Choose a color manually and adjust alpha if needed.
  2. If supported, use the screen eyedropper to capture a color from the interface.
  3. You can also upload an image and click any pixel to sample it.
  4. Copy the format you need for CSS, design specs, or config files.

Features

  • Supports manual input, screen picking, and image pixel sampling
  • Outputs HEX, RGB, HSL, HSV, CMYK, and CSS values
  • Runs locally in the browser without uploading images

Why use this tool?

  • Keep frontend and design color values aligned
  • Recover exact colors from screenshots, UIs, and images
  • Validate colors while working on themes and styles

Related Tools

GIF Maker

Convert static images or video clips into animated GIFs.

Image Resizer

Resize images in batches by pixels or percentage, with aspect ratio lock and local export.

Image to ICO

Convert images into ICO files for favicons and app icons, with multiple sizes packed into one file.

SVG to PNG/JPG

Export SVG files as PNG or JPG with custom size, background, and local download.

SVG Optimizer

Optimize SVG markup locally in your browser, remove extra metadata, and export a cleaner SVG file.

EXIF Viewer

Read EXIF, GPS, camera, and shooting metadata from images locally in your browser.

Image Metadata Cleaner

Remove EXIF, XMP, ICC, and other metadata from JPEG, PNG, and WebP images locally in your browser.

Image Palette Extractor

Extract dominant colors, ratios, and palettes from an image, then export HEX, CSS, or JSON locally.

Color Converter

Convert colors between HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK, and CSS keywords locally in the browser with bidirectional updates and alpha support.

Color Contrast Checker

Check WCAG contrast ratios for foreground and background colors locally in the browser, including AA/AAA for normal and large text.

CSS Gradient Generator

Build linear, radial, and conic gradients locally in the browser with editable color stops, live preview, and copy-ready CSS output.

CSS Box Shadow Generator

Adjust box-shadow offsets, blur, spread, opacity, radius, and inset locally in the browser with live preview and copy-ready CSS output.

HTML Color Names

Browse and search common HTML / CSS named colors locally in the browser, then copy the color name, HEX, or RGB value.

Favicon Generator

Generate common favicon assets, site.webmanifest, and HTML include snippets from one source image.

Gemini Watermark Remover

Remove Gemini visible watermarks locally in your browser, with batch processing and downloads.

Image to AVIF

Convert PNG, JPG, and other images to AVIF in batches with quality, scaling, and ZIP export.

PNG Compressor

Compress PNG files while keeping PNG output, with scaling, color reduction, previews, and ZIP download.

Image to WebP

Convert PNG, JPG, and other images to WebP in batches with quality, scale, previews, and ZIP download.