Color Screen

Charcoal Screen

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

1920 × 1080 px · #36454F
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 charcoal screen?

A charcoal screen is simply a web page filled edge to edge with one solid color — Charcoal, hex #36454F, or rgb(54, 69, 79). It is a dark, cool color: in HSL it sits at 204° hue, 19% saturation and 26% lightness, and its relative luminance is 5.6%. The closest standard CSS color is Dark Slate Gray (#2F4F4F).

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 charcoal screen for

Black screens save power on OLED and AMOLED displays (each black pixel is switched off), reveal backlight bleed and IPS glow on LCDs, and cut glare and eye strain at night. A true-black field is also the go-to background for photography, cinema-style letterboxing, and hiding a screen that has to stay on. Mid-gray fields are the neutral reference for panel-uniformity and colour work.

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

Charcoal screen preview — a full-screen solid charcoal color, hex #36454F, rgb(54, 69, 79)
The charcoal screen (#36454F) shown full-frame. This same image is generated automatically as the share preview when you post the charcoal 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 charcoal screen

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

Charcoal screen resolutions

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

Charcoal screen color codes

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

Hex#36454F
RGBrgb(54, 69, 79)
RGB %21%, 27%, 31%
HSLhsl(204, 19%, 26%)
HSV / HSBhsv(204, 32%, 31%)
CMYKcmyk(32%, 13%, 0%, 69%)
OKLCHoklch(38% 0.026 238)
Closest web-safe#333366
Closest CSS nameDark Slate Gray (#2F4F4F)

Contrast against white text 9.90:1 · against black text 2.12:1. See the full Charcoal 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 Charcoal

More gray and black screens

Browse every color screen →

Charcoal screen — FAQ

What is the hex code for a charcoal screen?

A charcoal screen uses the color Charcoal, hex #36454Frgb(54, 69, 79). The full-screen view and every download use exactly that value. The nearest standard CSS name is Dark Slate Gray (#2F4F4F).

How do I make my whole screen charcoal?

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

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

Does a charcoal 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 charcoal screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.