A CMYK color chart on Mac lives in two places at once: the print pipeline that talks in percentages of cyan, magenta, yellow, and black, and the sRGB display pipeline that every Mac browser actually renders. macOS does not paint pixels in CMYK, so any on-screen reference is really an RGB or HEX approximation that you later translate into ink percentages for a press. The cleanest way to build a personal CMYK reference on Mac is to start from the standardized CSS named colors, where every keyword has an exact sRGB value, and then convert that value into CMYK for the project at hand. The HTML Color Names Chart holds all 148 opaque CSS keywords with their exact HEX and RGB values in one searchable table, so you can pick a swatch, copy its HEX, and hand it to a converter. Because the chart runs entirely in the browser, it works the same in Safari, Chrome, Firefox, or Arc, with no install and no server round-trip.
Why CMYK and macOS Don't Quite Meet on Screen
The Mac comes with surprisingly capable color tooling, but every one of those tools still lives inside an sRGB world as soon as something reaches your screen. Understanding this saves you from assuming that a value you read off the Mac is already print-ready.
The built-in Digital Color Meter utility, which lives in Applications → Utilities, samples any pixel on your display and reports it as a percentage of red, green, and blue. It can also display the value as a hexadecimal string, which is exactly the format CSS uses. It cannot show you CMYK, because the display itself is not generating CMYK light.
The system-wide Colors window in most macOS apps exposes sliders for RGB, HSB (hue, saturation, brightness), and grayscale. Some print-aware apps expose CMYK sliders as well, but those sliders are still authoring tools; they don't tell you what the eye will see on a calibrated press. Apple's own documentation notes that the colors you pick in the Colors window are converted internally based on the color profile of the document and the display.
The practical consequence is that any "CMYK color chart on Mac" you build has to be assembled from screen values plus a conversion step. The HTML Color Names Chart is a strong starting point because it gives you the exact RGB mapping for every standardized CSS name, so you know precisely what value you are converting.
What the HTML Color Names Chart Actually Contains
The chart is a single searchable table of 148 rows, one for each opaque named-color keyword defined by the CSS Color specification. Each row shows the CSS keyword, a rendered swatch, the lowercase six-digit HEX value, and the decimal rgb(r, g, b) value. There is no fuzzy matching, no palette generation, and no conversion to another color space; the chart is a reference, not a generator.
The 148 number is deliberate. It counts only opaque keywords with a fixed sRGB value. transparent is excluded because it represents transparent black rather than an opaque swatch, and currentColor is excluded because it depends on an element's computed color and has no fixed standalone HEX. The chart also keeps standardized aliases as separate rows rather than merging them: aqua and cyan both map to #00ffff, and fuchsia and magenta both map to #ff00ff. American and British spellings such as gray and grey coexist as well, because each is a valid CSS identifier.
All values are in the sRGB color space. That matters on a Mac because macOS displays sRGB by default, and any HEX value you copy out of the chart will round-trip through Safari without a conversion. It also matters for print, because a CMYK conversion from sRGB is an approximation, not an identity. The chart does not promise that a display reproduces a physical pigment, and the names do not describe relative lightness consistently: neighboring keywords can look surprisingly close on screen. For the underlying specification, see the MDN named-color reference.
| CSS keyword | HEX | RGB |
|---|---|---|
| rebeccapurple | #663399 | rgb(102, 51, 153) |
| cornflowerblue | #6495ed | rgb(100, 149, 237) |
| tomato | #ff6347 | rgb(255, 99, 71) |
| goldenrod | #daa520 | rgb(218, 165, 32) |
| slategray | #708090 | rgb(112, 128, 144) |
| mediumseagreen | #3cb371 | rgb(60, 179, 113) |
These six rows show the level of detail you can pull straight from the chart. Each keyword resolves to a single exact sRGB triple, which is the most useful form for downstream conversion because CMYK formulas operate on those channel values.
How to Look Up a CMYK Equivalent on Mac
Once you understand that the Mac itself only hands you sRGB values, the workflow to get a CMYK approximation on Mac reduces to two short steps: pick a named color in the browser, then convert its RGB to CMYK in a focused tool.
- Open the HTML Color Names Chart in Safari, Chrome, Firefox, or Arc on your Mac. The chart runs entirely in the browser, so no account or download is required.
- Type a fragment of a CSS keyword into the filter box, for example "rebecca", "tom", or "sea". Search is case-insensitive and matches name fragments, so partial typing works the same way it does in Finder.
- Inspect the matching rows. Each one shows a rendered swatch, the standardized keyword, the lowercase HEX, and the decimal RGB triple. If a name has an alias, both spellings appear as separate rows with the same value, so you can confirm the exact identifier you want.
- Click the HEX value to copy it to the clipboard. The chart only reports success after the browser confirms the clipboard write; if macOS denies the permission prompt, you can still select the HEX or RGB text by hand.
- Open the RGB to CMYK Converter in a new tab and paste the HEX, or paste the rgb(...) triple if you need to keep the exact channel values.
- Read off the resulting CMYK percentages and apply them in your print-software swatch, your DTF workflow, or your press proof.
For a concrete example, take cornflowerblue. The chart returns #6495ed, which is rgb(100, 149, 237). Converting those channel values with the standard uncalibrated formula, K = min(1 − R/255, 1 − G/255, 1 − B/255) and each of C, M, Y = (1 − channel/255 − K) / (1 − K), gives C ≈ 58%, M ≈ 37%, Y ≈ 0%, K ≈ 7%. Those percentages are an uncalibrated approximation: the precise figures depend on the rendering intent, the ICC profile, and the GCR or UCR settings of your workflow.
Translating Named RGB Colors to Print CMYK
The translation step is where most "CMYK on Mac" workflows go wrong, because the conversion is not lossless. A CMYK printer reproduces colors by laying down transparent or semi-transparent inks on white paper; a Mac display reproduces colors by emitting red, green, and blue light. Many bright RGB colors cannot be hit in CMYK at all, and many CMYK inks will look noticeably duller than the equivalent HEX on a backlit display.
A reliable rule of thumb is to expect saturation to drop by roughly 10 to 20 percent when an sRGB value is converted to CMYK on uncoated stock, with the largest drops along the cyan-orange axis. Dark, desaturated colors translate far more faithfully than pure brights, which is one reason the chart includes many dimgray-style entries alongside the eye-catching primaries.
To keep the workflow honest, build your CMYK reference in three layers:
- Reference layer: the HTML Color Names Chart, which gives you the exact sRGB triple for any keyword you want to consider.
- Conversion layer: a dedicated RGB-to-CMYK tool that operates on the channel values rather than the keyword.
- Verification layer: either a calibrated soft proof or a physical press proof, because neither the chart nor the converter can predict ink-on-paper behavior on your specific stock.
If you want a faster path, you can also sample any swatch on screen with the Mac's Digital Color Meter, read its HEX, and feed that into the same conversion. The chart simply gives you a standardized, reproducible starting point.
Limits of a Mac-Based CMYK Reference
A few habits will save you from rework once the proof arrives.
Treat the keyword, not the swatch, as the source. The chart's swatch is rendered in your browser, which on a Mac is sRGB. Two neighboring keywords can look nearly identical on screen but produce visibly different CMYK prints. Always read the HEX off the chart rather than sampling the rendered swatch with Digital Color Meter, because the meter will only confirm what your display is already showing.
Do not skip aliases. Because aqua and cyan are intentionally duplicated, a search for "cyan" returns a row that points at the same HEX as "aqua". This is by design, but it can confuse a designer who expects each name to be unique. The aliases exist because each spelling is a valid CSS identifier and is useful when reading older stylesheets.
Names are not accessibility ratings. A color name alone does not tell you whether it is legible against your background. For body text, run the chosen HEX and its background through a WCAG contrast checker before committing to a print run.
Color names are not a perceptually even palette. The list is a historical reference, not a scientific taxonomy. Some adjacent names describe colors that are hard to tell apart, and some jumps in lightness are larger than others. If you need an evenly spaced palette, use a palette generator rather than picking neighboring named colors.
When to Reach for a Different Tool
The HTML Color Names Chart is a reference, and references have a defined scope. There are at least four situations on Mac where you should reach for a more focused tool.
For converting a specific HEX into ink percentages, use the dedicated RGB to CMYK Converter. For checking whether text will be readable against a colored background, use the WCAG Color Contrast Checker. For building a balanced palette around a starting color, use the Color Palette Generator. For previewing a CMYK value back to an approximate screen color, use the CMYK to RGB tool. None of these replace the chart for the job it is built for: giving you the exact standardized RGB mapping for any CSS named color on Mac, in any modern browser, with no setup.
For a deeper look, see RGB to CMYK Examples: Common Colors and the Formula.
For a deeper look, see RGB to HSV Chart: Wheel Reference and Conversion.