Color Picker – Eyedropper & Palette Maker EN

Color Picker takes a color from anywhere on your screen and hands it to you the way you paste it: hex for a quick fix, or the exact line your stylesheet, app or design tool wants.

PICK FROM ANYWHERE

Click Pick and point at any pixel you can see: a web page, a picture, a video, even another app's window. The color is copied the moment you click, so you can paste straight away.

COPY IT IN YOUR LANGUAGE

Hex, RGB, HSL and OKLCH for CSS. A CSS variable or a SCSS variable. A Tailwind class, and the nearest color in Tailwind's own palette. SwiftUI and UIKit for Apple, Compose and Flutter, Android XML, XAML and C# for Windows. One click on the line you need.

EVERY COLOR A PAGE USES

Page colors lists the colors a site actually uses, grouped into backgrounds, text, borders and graphics, along with the color variables its own stylesheets define. Export them all as CSS variables, SCSS, Less, a Tailwind config, JSON, XAML resources, Android colors.xml or SwiftUI.

MAKE A PALETTE

Start from a color you picked and get a palette that goes with it: matching, analogous, opposite, triad or muted, plus eleven shades from 50 to 950. Try another until one fits, then save it or export it into your project.

CAN YOU READ IT?

The contrast check shows how black and white text read on your color, with the WCAG grade, before you build with it.

FREE AND PRO

Free picks from anywhere, copies hex and keeps your last five colors, with no time limit and no account. Pro is a one-time purchase: every format, every color a page uses and its stylesheet variables, palettes you can make, save and export, contrast checks, and your whole history.

No account, no sign-in, no tracking. Your colors stay in your browser; the only thing sent anywhere is the licence check with Gumroad.