Color Screen

Blue Screen

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

1920 × 1080 px · #0000FF
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 blue screen?

A blue screen is simply a web page filled edge to edge with one solid color — Blue, hex #0000FF, or rgb(0, 0, 255). It is a dark, cool color: in HSL it sits at 240° hue, 100% saturation and 50% lightness, and its relative luminance is 7.2%. blue 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 blue screen for

Bias lighting behind a TV or monitor

A dim blue or blue-white screen placed behind your display acts as bias lighting: it raises the light level around the screen so the on-screen contrast feels gentler, which measurably reduces eye strain in a dark room. An old phone or tablet running a blue screen is an easy way to do it.

The blue-screen gag

A full blue field is the internet's favourite fake "blue screen of death" prank — open it full screen on a colleague's unattended computer for a harmless scare.

Test blue sub-pixels and demonstrate blue light

Pure blue (#0000FF) drives only the blue sub-pixels, so it exposes a dead blue element, and it is a simple way to show how much blue a screen emits before and after a night-light filter.

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

Blue screen preview — a full-screen solid blue color, hex #0000FF, rgb(0, 0, 255)
The blue screen (#0000FF) shown full-frame. This same image is generated automatically as the share preview when you post the blue 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 blue screen

  1. The color is already set to Blue (#0000FF). 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 blue. Press Esc or tap the screen to exit.
  5. Download — tap Download PNG or Download JPG to save a blue image at the size you chose.
  6. Share — the share buttons post this exact blue screen, with a matching preview image, to Pinterest, Facebook, X, Reddit, WhatsApp and more.

Blue screen resolutions

Every preset produces a clean, exact blue 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 blue 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 blue-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 blue 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 blue 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 blue screen.

Blue screen color codes

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

Hex#0000FF
RGBrgb(0, 0, 255)
RGB %0%, 0%, 100%
HSLhsl(240, 100%, 50%)
HSV / HSBhsv(240, 100%, 100%)
CMYKcmyk(100%, 100%, 0%, 0%)
OKLCHoklch(45% 0.313 264)
Closest web-safe#0000FF
Closest CSS nameBlue (exact)

Contrast against white text 8.59:1 · against black text 2.44:1. See the full Blue 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 Blue

More blue screens

Browse every color screen →

Blue screen — FAQ

What is the hex code for a blue screen?

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

How do I make my whole screen blue?

Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with blue 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 blue 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 blue image stays a very small file even at 4K.

Is the blue 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 blue screen for wallpapers, video backgrounds, streaming, signage, photography or print at no cost.

Does a blue screen save battery?

On phones and laptops with an OLED or AMOLED display, yes — dark pixels use very little power and true black uses none, so a blue screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.