Website Color Analyzer

Wondering what colors a website is using?

Just enter the website HTML or CSS and our app will analyze the code, list the main colors, and show you their HEX codes.

Great for inspiration or competitor research.

Get Our Free Inspiration Guide

Learn More
Ad - Managed WordPress Hosting from SiteGround - Powerful, yet simple to use. Click to learn more.

Free Color Picker Online From Image

Extract Website Colors

Click & Press Ctrl+V to paste a screenshot
or upload below

Preview

Tips:

  • For best results, crop your image to focus on the design area you care about.
  • The app automatically filters out background colors and merges similar shades for a cleaner palette.

How To Use The App

1. Start a Project

Type an optional project name in the box (shown in your downloads).

2. Upload or Paste a Screenshot of the Website

  • Click the dashed area, then press Ctrl+V (Windows) or Cmd+V (Mac) to paste a screenshot from your clipboard.
  • Or click “Choose File” to upload an image from your device.

3. Extract your color palette:

Once your image loads, click Extract Palette to view the primary colors found in your screenshot.

4. Customize your Palette

Click any color swatch to remove it before download (at least two must remain).

5. Download your results

  • Download a PNG palette card with swatches and project info.
  • Download a TXT file with all the HEX color codes, ready to copy into your designs or CSS.