← All docs

Convert Color

The short version: Open the window, paste a color (or it’ll do it for you), look at every format at once, click the one you want.

When to reach for it

The screen picker is for colors you can see. Convert Color is for colors you already have — a hex code in a Slack message, an rgb() from a CSS file, a SwiftUI literal from a code review. You want to know what that color looks like, or you want it in a different syntax.

Opening the window

Three ways:

  • Press your Convert Color hotkey (set it under Settings → Hotkeys).
  • Click the menu bar icon and choose Convert Color….
  • Open it from any other ColorCopy menu where it’s linked.

If your clipboard contains a parseable color when you open the window, ColorCopy auto-fills the input with it. So the typical flow is: copy a hex from somewhere, hit your hotkey, the window opens with the color already loaded. Profile-Roy-G.-Biv levels of efficiency.

What it accepts

Type or paste anything ColorCopy can parse:

  • Hex — #7A5CF0, 7a5cf0, #fff, #7A5CF0FF
  • CSS RGB / RGBA — rgb(122, 92, 240), rgba(122, 92, 240, 0.5)
  • CSS HSL / HSLA — hsl(250, 83%, 65%), hsla(250, 83%, 65%, 0.8)
  • CSS color names — rebeccapurple, tomato, papayawhip, all 148 of them

If something doesn’t parse, the input border turns red and you get a brief hint about what to try.

Reading the result

Below the input, every supported format is listed in groups (Web, NSColor, UIColor, SwiftUI, Objective-C, .NET, Java, Android). Each row shows the format name on the left and the formatted value on the right.

Click any row to copy that specific format to your clipboard. Your default format setting isn’t touched.

The eyedropper button

The big square on the left of the input is both a swatch and a button. Click it to open the screen picker. The window slides out of the way while you sample, then comes back with the picked color loaded into the input.

Useful when you want to see every format for a screen pick, instead of just your default.

The lightning toggle

To the right of the input, the bolt button toggles close on copy. When it’s on, copying a row dismisses the window automatically — the fastest path for “I have one color, I need it in this one format”.

Turn it off when you’re converting a batch and want the window to stay put.

The output respects your settings

Hash prefix, hex casing, and decimal precision toggles still apply. So if you’ve told ColorCopy you want lowercase hex with no #, that’s what shows up in the HEX row.

Free tier limits

Each row-click counts as one copy against the free tier’s monthly cap. Just like the screen picker. Pro removes the cap.

Related