On Windows, you can preview any CMYK ink recipe as an approximate sRGB color and six-digit hex value directly in Microsoft Edge, Chrome, or Firefox — no Photoshop, no driver install, and no account required. The page computes a screen color from four percentages using the W3C device-CMYK naive conversion, then shows you 8-bit red, green, and blue channels, a hex string, and a visual swatch the moment you move a slider. Because the math runs locally in your browser tab, nothing is uploaded and nothing leaves your machine until you choose to copy the result. That setup is what makes a browser-based CMYK to RGB preview practical for anyone who works on Windows but does not own a full Creative Cloud subscription, or for anyone who needs a fast sanity check before opening a heavier application. The catch, which the rest of this guide spells out, is that the W3C naive fallback is an approximation — excellent for a quick mockup, poor for press approval.
Why Windows Users Reach for a Browser-Based CMYK to RGB Preview
Windows 10 and Windows 11 ship without any built-in tool that understands CMYK ink percentages. The Photos app, the legacy Paint application, and even Microsoft PowerPoint all work in sRGB, so dropping a "C: 70, M: 20, Y: 0, K: 0" value into them simply produces an error. That gap is exactly where a browser-based preview earns its keep: you keep working on the same laptop, you do not need to install Adobe Photoshop or Illustrator, and you do not have to learn a new color panel.
A browser page also keeps the math consistent regardless of which Windows machine you sit down at. Edge, Chrome, Firefox, and Opera all run the same client-side JavaScript, so the conversion you see on a Surface laptop in your home office matches what a colleague sees on a desktop tower across the office. If your printer sent a brand book PDF with CMYK recipes, a packaging proof with target percentages, or a vendor swatch sheet in four-ink values, you can copy those numbers into the browser tool and get an immediate read on whether the printed color will look plausible on a typical monitor.
The scenario comes up most often for in-house marketers who receive CMYK press targets, freelance designers who need a quick palette check before opening the real design file, and students learning the difference between print ink and screen light. In every case the question is the same: given four numbers between 0 and 100, what would this look like on an sRGB screen? A browser-based calculator answers that question without asking you to commit to a paid tool.
What the Browser Tool Actually Computes
The CMYK to RGB page takes four cyan, magenta, yellow, and black percentages, each between 0 and 100, and runs them through the device-CMYK naive conversion documented in the W3C CSS Color specification. Each percentage is normalized to a 0–1 value, then the red, green, and blue channels are calculated as 255 × (1 − min(1, colorInk × (1 − K) + K)), where colorInk is C for red, M for green, and Y for blue, and K is the black percentage. The result is rounded to an integer using half-even tie rounding and serialized as an 8-bit channel.
Because that formula is the same one browsers use to render device-cmyk() declarations in CSS, the numbers you see in the tool match what Edge and Chrome would show if you pasted the same percentages into a stylesheet. The page presents three outputs side by side: the three 8-bit channels, a six-digit hexadecimal color, and a filled swatch that updates as soon as you nudge any slider.
One important boundary: the page does not load an ICC profile and does not attempt to simulate a specific press, ink set, paper stock, or rendering intent. It is a faithful implementation of the naive W3C fallback, which is the right baseline for an uncalibrated comparison but the wrong choice when the printed result has to match a contract proof.
Open the Page and Convert CMYK to RGB on Windows
- Open Microsoft Edge, Google Chrome, or Firefox from the Windows Start menu and navigate to the CMYK to RGB page. The page needs no installation and runs entirely in the tab.
- Drag the Cyan slider to the percentage from your print recipe, then release. Repeat for Magenta, Yellow, and Black, each between 0 and 100.
- Watch the swatch, the red/green/blue readout, and the six-digit hex value update on every keystroke. No submit button is needed because the calculation runs as soon as a valid value is present.
- Select the hex value or the RGB numbers and copy them individually. From there you can paste into PowerPoint's "More Colors" dialog, the color picker in Windows Settings, or any CSS editor.
- If the swatch does not look right, double-check that each percentage sits between 0 and 100.
To walk one example by hand, take the W3C firebrick example of device-cmyk(0%, 81%, 81%, 0%). Normalized, that becomes C = 0, M = 0.81, Y = 0.81, K = 0. Plug into the red formula: 255 × (1 − min(1, 0 × 1 + 0)) = 255 × 1 = 255. Green and blue are identical because M equals Y: 255 × (1 − min(1, 0.81 × 1 + 0)) = 255 × (1 − 0.81) = 255 × 0.19 = 48.45, which rounds to 48. The result is rgb(255, 48, 48) or #FF3030, the same firebrick swatch the CSS spec uses to validate the formula.
Three CMYK Endpoints That Prove the Math
The naive formula has a useful side effect: a few obvious endpoints always behave the same way no matter which Windows browser you use. These three are documented in the tool's own test fixtures, so you can use them as a quick sanity check before trusting a more complex recipe.
| CMYK input | RGB output | Hex | What you see |
|---|---|---|---|
| C 0, M 0, Y 0, K 0 | rgb(255, 255, 255) | #FFFFFF | Pure white (no ink) |
| C 0, M 0, Y 0, K 100 | rgb(0, 0, 0) | #000000 | Pure black (full key plate) |
| C 0, M 100, Y 100, K 0 | rgb(255, 0, 0) | #FF0000 | Magenta plus yellow with no cyan or black |
If your Windows browser returns anything other than these values for these inputs, something is wrong with the page state, not with the formula. The same three rows also help you orient when a vendor hands you a swatch sheet: a brand red built from M 100 and Y 100 with no cyan and no black will read as sRGB red on screen, which is rarely what you want for a vibrant logo and is a clue that the brand book was written for a specific press condition.
When the Approximation Breaks Down on Windows
The naive formula is a starting point, not a press proof. Real CMYK conversion depends on the ICC profile embedded in your image, the rendering intent chosen in your design software, the dot gain of the paper, the ink set, and even the humidity in the press room. None of those variables reach a browser-based calculator because no ICC profile is loaded. The page states this explicitly: it is an uncalibrated screen approximation and must not be used as a contractual color target.
You will notice the gap most often with deep blues, saturated greens, and bright oranges — colors that sit at the edge of the CMYK gamut and that the naive formula maps to duller sRGB values than the actual ink will produce. A Photoshop user with the correct source and destination profiles will see a more vivid result because the software is solving a gamut mapping problem, not just inverting four inks. Adobe documents this behavior in its color management guidance, which is worth reading if your work is regularly sent to a print shop.
The right workflow on Windows is to keep the original CMYK recipe as your source of truth, use the browser tool only for a quick screen mockup, and let a profile-aware application — Adobe products, Affinity Publisher, or any tool with proper color management — handle the final conversion before you submit a press file. If you have a calibrated monitor and a hardware calibrator, even better; if you do not, ask your printer for a paper proof and trust that over any on-screen preview.
Move the RGB or Hex Result into Windows Apps
Once the browser page shows the color you want, the next step is to send it to a Windows application. The simplest route is to select the hex value from the page and copy it, then paste it into PowerPoint's "More Colors → Custom" tab, into the Windows color picker (Settings → Personalization → Colors → Custom color), or directly into the CSS file you are editing in Visual Studio Code. The same hex works in Figma and in the browser developer tools of any tab you have open.
If you need the integer channels rather than a hex, copy the RGB readout from the page and paste it into your tool of choice. PowerPoint and Word accept RGB in the standard "Red, Green, Blue" form, while Photoshop's color picker reads the same numbers without complaint. For command-line work on Windows, you can paste the hex into a PowerShell prompt and convert it back to integers if you ever need to script a batch of swatches.
For designers who often flip back and forth between print and screen, a complementary tool worth bookmarking is the RGB to CMYK Converter, which runs the same naive conversion in the opposite direction. Keeping both pages open in separate tabs gives you a fast bidirectional check without leaving the browser, which is often the lightest possible workflow on a Windows laptop.