Skip to content

Fill your screen with a color

Fill your whole screen with any solid color from a swatch, a hex code or a color picker, for mood light, display checks or a backdrop; it runs in your browser.

Or press F. Esc leaves full screen.

Colors with a job

Keyboard shortcuts

F
Show or leave full screen
←→
Previous or next swatch
C
Start or stop cycling
Esc
Leave full screen

Color

Red · RGB 255, 0, 0 · HSL 0°, 100%, 50%

Screen

Download as image

Color #ff0000
Format

PNG is written directly, without a canvas, so even 8K takes a moment and the file is only a few KB.

Runs in your browser · no uploadHow it works

How to use Color screen

  1. 1

    Choose the color

    Tap a swatch, type a hex code such as 00ff00, or open the picker with the square preview beside the hex field.

  2. 2

    Fill the screen

    Press Show full screen or F. While it is open, the arrow keys move through the swatches.

  3. 3

    Cycle or fade if you like

    Set Cycle through the swatches to change color every 1 to 30 seconds, and turn on Fade between colors for a smooth mood light.

  4. 4

    Share or save it

    Copy the page address to share the exact color, or download it as an image in the size you need.

Limits and Pro

Free with no sign-up: any of the 16.7 million sRGB colors, twelve swatches, cycling every 1 to 30 seconds and PNG images up to 16,384 × 16,384 pixels.

Pro drops the ads from the page; every color feature is already free. See Pro

About Color screen

Sometimes you need the whole display to be one exact color: red for night vision, green behind a small product you plan to key out, a brand color for a photo backdrop, or a warm orange glow in a dark room. This page fills the screen edge to edge with any sRGB color, picked from twelve swatches, typed as a three- or six-digit hex code or chosen with your system's color picker, and shows the matching RGB and HSL values.

The chosen color is added to the address as ?c=ff0000, so a bookmark or a shared link opens the same color, and the last color you used is remembered in this browser. Keep-awake stops the display from sleeping, and an optional cycle steps through the swatches every 1, 3, 10 or 30 seconds, with a fade if you want gentle mood lighting rather than hard cuts. The cycle never goes faster than one change a second.

You can also save the color as a solid PNG, JPG or WebP image from Full HD to 8K, or a custom size up to 16,384 pixels a side, for wallpapers, placeholders or slide backgrounds. PNG files are written directly and stay tiny at any size.

Keep expectations realistic. A screen shows colors through its own panel and settings, so the same hex code looks a little different on two devices, and night modes shift it further. Saturated green is fine for keying out small objects but too dim and small to replace a real green screen behind a person, and a blue fill has nothing to do with a crashed computer's blue screen.

Privacy

The color fill and the color images are made by the page in your browser and never uploaded. The last color, keep-awake and fade choices are stored in this browser's local storage, and the color you pick also appears in the page address so you can share it.

Features

Any color, three ways

Twelve swatches, a hex field and the system color picker, with RGB and HSL shown.

Slow color cycling

Steps through the swatches every 1 to 30 seconds, with an optional fade.

Shareable color links

The address carries the hex code, so a bookmark or a link reopens the same color.

Solid color images

PNG, JPG or WebP from Full HD to 8K, or any custom size.

Color screen: frequently asked questions

Which color is best for night vision?
Deep red. The rod cells that let you see in the dark are barely sensitive to long red wavelengths, so a dim red screen lets you read a star chart or find your way without losing your dark adaptation. Choose the red swatch, turn the device brightness down as far as it goes, and switch off night modes that might add other tints.
Can I use a green screen on my tablet for chroma key?
For small things, yes. A tablet or monitor showing pure green behind a product, a figurine or a hand-held object gives a video editor an even color to remove. Keep the subject a little in front so it doesn't cast shadows or reflections onto the glass. To key out a person, a screen is too small and dim; use evenly lit green fabric instead.
How do I get a specific brand or paint color?
Type its hex code into the field, with or without the #, or paste it from your design tool. Colors from print guides such as Pantone are defined for ink, so use the hex or sRGB value the guide lists for screens. The result still depends on your display's calibration, so compare it with a physical sample in the same light before judging.
Is the color cycling safe for people with epilepsy?
The cycle changes color at most once a second, which keeps it under the limit of three flashes a second in the WCAG guideline on seizures, and it never runs unless you turn it on. Some people still find quick changes between saturated colors uncomfortable. Choose a slow speed with fading, or leave cycling off, if flicker bothers you or anyone in the room.
Why does the same hex code look different on my phone and my laptop?
Each panel has its own primaries, white point and brightness, and phones often boost saturation or apply warm night modes. The page sends the same sRGB value to both, but the hardware turns it into light differently. Calibrated monitors match closely; ordinary screens can look visibly different, especially for saturated reds, greens and very dark colors.

Related tools

All file & device tools

White screen

Pure white full screen with dimmer and sleep timer

Black screen

True black full screen for OLED, bleed checks and sleep

Color palette & contrast checker

Palettes, shades, WCAG contrast and color-blind checks

Color picker from image

Pick exact colors and extract a palette from any image