> For the complete documentation index, see [llms.txt](https://docs.csspro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.csspro.com/copying/copying-colors.md).

# Copying colors

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.

{% hint style="info" %}
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**.
{% endhint %}

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.

![](https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FERIvCwMyuYOlqICw5dnN%2Fezgif.com-optimize%20\(6\).gif?alt=media\&token=a824c9fb-eeaa-4a1b-b07f-e38928dae426)

### 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.

![](https://4099068609-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MRSyVu0mdmCYd_OgGIo%2Fuploads%2FYa454QgS4zwqMll80tgr%2Fezgif.com-optimize%20\(5\).gif?alt=media\&token=5b48ef2e-f8ac-4775-ab2f-6932ff3c9711)