Color Screen

Magenta Screen

A full-screen solid magenta color (#FF00FF). Fill your whole display, or download the magenta screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.

1920 × 1080 px · #FF00FF
Color
Resolution
Aspect ratio
Custom size (pixels)
×
Advanced — print resolution (DPI)
Embedded in the PNG for print workflows. Screen use can leave this at 72.

What is a magenta screen?

A magenta screen is simply a web page filled edge to edge with one solid color — Magenta, hex #FF00FF, or rgb(255, 0, 255). It is a mid-toned, cool color: in HSL it sits at 300° hue, 100% saturation and 50% lightness, and its relative luminance is 28.5%. magenta is one of the standard CSS color names, so it renders identically in every browser.

Turning a display into a single flat color is more useful than it sounds — as a light source, a test pattern, a video or photo backdrop, or ambient lighting. This page is that color, ready to open full screen or download, with no app to install and nothing uploaded anywhere.

What people use a magenta screen for

Pinpoint a dead green sub-pixel

Magenta (also called fuchsia) is red plus blue with green off, so a magenta field is the definitive test for a failed green sub-pixel — the opposite check to a green screen.

Vivid backdrop and mood lighting

Full magenta is one of the most saturated colours a screen can show, which makes it a bold photo backdrop and an intense ambient wash for streams and parties.

Print and design reference

Magenta is one of the four process-printing inks, so a magenta screen is a handy on-screen reference when working with CMYK artwork.

Beyond that, a magenta screen is handy for all the things any solid-color screen is good for:

Magenta screen preview — a full-screen solid magenta color, hex #FF00FF, rgb(255, 0, 255)
The magenta screen (#FF00FF) shown full-frame. This same image is generated automatically as the share preview when you post the magenta screen to Pinterest, Facebook or X — no manual upload needed. Open it full screen above, or download it in 1080p, 4K or a custom size.

How to use the magenta screen

  1. The color is already set to Magenta (#FF00FF). Use the color box or hex field above if you want to nudge it.
  2. Pick a resolution — tap 480p, 720p, 1080p, 1440p or 4K, choose an aspect ratio, or type an exact width and height.
  3. Preview — the panel shows the exact pixel size and color you will get.
  4. Open full screen — tap the button or the preview and your entire display fills with magenta. Press Esc or tap the screen to exit.
  5. Download — tap Download PNG or Download JPG to save a magenta image at the size you chose.
  6. Share — the share buttons post this exact magenta screen, with a matching preview image, to Pinterest, Facebook, X, Reddit, WhatsApp and more.

Magenta screen resolutions

Every preset produces a clean, exact magenta image — a solid color compresses to a tiny file even at 4K. The presets below are 16:9; switch the aspect ratio for 16:10, 21:9 ultrawide, 4:3, 3:2, square (1:1) or 9:16 portrait, or use Fit my screen to match your device exactly.

NamePixels (16:9)Best for
480p854 × 480SD — small previews, quick tests
720p1280 × 720HD — laptops, older monitors, video calls
1080p1920 × 1080Full HD — the most common desktop and TV size
1440p2560 × 1440QHD — high-resolution monitors
2160p (4K)3840 × 2160Ultra HD — 4K TVs and monitors

Need something else? Type any width and height up to 16384 px — common choices are 1080 × 1920 for phones, 1080 × 1080 for social posts and 3840 × 2160 for 4K TVs. The Advanced panel adds a real DPI value to the PNG for print.

How to download the magenta screen

Set the size you want, then tap Download PNG for a lossless file (best for a flat color) or Download JPG for maximum compatibility. The image is generated in your browser and saved straight to your device as magenta-screen-WIDTHxHEIGHT.png — nothing is uploaded, there is no watermark, and it is free to use for wallpapers, backgrounds, video, signage or print.

Using a magenta screen on any device

Phone & tablet — open this page in your browser and tap Open full screen; on iPhone and iPad, turn the auto-lock off first if you want it to stay on, and hide the browser bars by tapping full screen. Laptop & desktop — full screen hides the taskbar and menu bar for a true edge-to-edge magenta field; move the window to a second monitor first if you are using it as bias lighting. TV & projector — open the page in the built-in browser, or download the 4K image and open it from a USB stick or a casting app for a rock-steady magenta screen.

Magenta screen color codes

The full-screen color and every download use exactly these values. Tap any row to copy it.

Hex#FF00FF
RGBrgb(255, 0, 255)
RGB %100%, 0%, 100%
HSLhsl(300, 100%, 50%)
HSV / HSBhsv(300, 100%, 100%)
CMYKcmyk(0%, 100%, 0%, 0%)
OKLCHoklch(70% 0.322 328)
Closest web-safe#FF00FF
Closest CSS nameMagenta (exact)

Contrast against white text 3.14:1 · against black text 6.70:1. See the full Magenta color page for harmonies, shades and tints, or open it in the color picker.

Popular color screens

The colors people reach for most often as a full-screen background or light:

Colors similar to Magenta

More purple screens

Browse every color screen →

Magenta screen — FAQ

What is the hex code for a magenta screen?

A magenta screen uses the color Magenta, hex #FF00FFrgb(255, 0, 255). The full-screen view and every download use exactly that value, and magenta also works as a CSS color name.

How do I make my whole screen magenta?

Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with magenta and hides its own toolbars. Press Esc, or tap the screen, to come back. It works on phones, tablets, laptops, desktops and most smart-TV browsers.

Can I download the magenta screen in 1080p or 4K?

Yes. Tap a resolution preset — 480p, 720p, 1080p, 1440p or 4K (3840 × 2160) — or type any custom width and height, then tap Download PNG or Download JPG. A solid magenta image stays a very small file even at 4K.

Is the magenta screen free to use?

Completely. There is no sign-up, no watermark and no limit. The image is created in your browser and never uploaded, so you can use the magenta screen for wallpapers, video backgrounds, streaming, signage, photography or print at no cost.

Can I use a magenta screen to check for dead pixels?

Yes. Open the magenta screen full screen and look closely for dots that stay the wrong color — a stuck or dead pixel breaks the flat field. For a complete check, repeat with the white, black, red, green, blue screens too.