CSS Pro
  • Initial page
  • Quick Start
    • Installing it
      • On Google Chrome
      • On Firefox
      • On Safari
  • Inspecting
    • Choosing what happens when you click on an element
    • Inspecting invisible, overlapping, and parent elements
    • Comparing multiple elements at the same time (Pinning)
    • Measuring distances and checking alignments
    • Inspecting animations
    • Identifying fonts
  • Editing
    • Code Editor (Code tab)
      • Forcing a state or pseudo
    • Visual Editor (Design tab)
      • Editing media queries and pseudo states
      • Editing backgrounds
      • Auto unit conversion
    • HTML Editor (HTML tab)
    • Handling CSS changes
    • Editing texts
    • Removing elements
  • Copying
    • Copying CSS and HTML
    • Exporting elements
    • Downloading page assets (images)
    • Copying colors
  • License
    • Managing your license activations
    • Retrieving your license key (forgot)
  • Subscription
    • Switching from the monthly to the annual plan
    • Canceling your subscription
Powered by GitBook
On this page
  • Color eyedropper
  • Color Palette

Was this helpful?

  1. Copying

Copying colors

PreviousDownloading page assets (images)NextManaging your license activations

Last updated 1 year ago

Was this helpful?

Apart from copying colors from the CSS code of the elements when inspecting with CSS Pro, there are also 2 big features you can use to copy colors from websites:

Color eyedropper

Fell in love with a color you saw somewhere? Use Pro's color eyedropper - it works even if it's an image.

Point and click to get the color you're seeing.

You can easily open the Color Eyedropper by using the shortcut Option+Shift+E on Mac or Alt+Shift+E on Windows/Linux - even if CSS Pro is currently not opened on the tab.

Or you can also open it by clicking on "Color eyedropper" on the top bar.

It's simple: just hover your mouse over the color you want to copy, and click on it.

Color Palette

Analyze the entire palette of colors from a website in a second. Find the color you like, and just click on it to get its syntax.

Open it by clicking on "Color Palette" on the top bar.