Color screen
Pick any color and fill the whole screen, with brightness and an optional clock.
Press Esc to exit
Hex, rgb() or an English color name
Presets
Or press 1 to 0 once the tool has focus.
On screen:
Other versions
-
Black screen
A completely black screen you can put in full screen in one tap. -
White screen
A plain white screen: a soft light source, a light table or a pixel test. -
Red screen
A solid red screen, dimmable, for dark rooms and red channel checks. -
Green screen
A solid green field for keying tests, subpixel checks and green light. -
Blue screen
A solid blue field for subpixel checks, keying and a calm background. -
Yellow screen
A bright yellow screen for warm light, checks and a strong background. -
Purple screen
A solid purple screen for mood light, backgrounds and colour checks. -
Pink screen
A #ffc0cb background with adjustable color, brightness and an optional clock. -
Orange screen
A warm orange screen for evening light, backdrops and colour checks. -
Gray screen
A neutral gray field for white balance, uniformity and quiet backgrounds.
Related tools
Choose a preset or enter a hex or rgb() value to display a solid color. The slider changes the painted RGB values, not your device's brightness setting. You can add a clock, hide the controls or use fullscreen where your browser supports it. Use the page as a plain background or to look for visible differences across a display; it does not calibrate the monitor or repair pixels. Check the displayed hex value before copying settings.
How to use
- Pick a color: tap a preset, open the picker or type a hex code.
- Move the brightness slider if the color is too strong for the room.
- Turn the clock on if you want the time on the screen.
- Press Go fullscreen to fill the display, and Esc to come back.
- Copy the hex code if you need the same color somewhere else.
What it handles
- Ten presets; hex, rgb() and English color names such as green. Localized color names are not accepted in the hex field.
- At 50% brightness, #ffffff becomes #808080. The copied hex is the selected base color; the value labelled On screen includes the slider adjustment.
- Keys 1–0 select presets; + and - adjust the color brightness when the tool has focus.
- The optional clock uses your device's time and switches between black and white digits for contrast.
- The wake-lock option requests an awake screen while this tab is visible. Browser and power settings can refuse it.
FAQ
Does fullscreen work on my phone?
It depends on the browser and device. If the Fullscreen API is available, the button requests fullscreen. Otherwise this tool fills the browser window, so the address bar may remain visible. Hide the controls for an unobstructed color area; exit fullscreen or use the same button to return.
Does this change or calibrate my display?
No. The slider scales the RGB values painted by this page; it does not change system brightness or a monitor's color profile. Different displays, night modes and brightness settings can make the same hex value look different. This is a color background, not a calibrated display test.
Can I use the controls without a connection?
Once the page and its scripts are loaded, the color, clock and controls run locally. Reloading or reopening the page may need an internet connection; offline reopening is not guaranteed. Browser storage remembers settings for this page when storage is available.
What does a shared link contain?
After you change a setting, the address can include color, brightness and clock parameters. Opening that link requests the URL from the website, including its query string. It restores those settings, not an identical physical appearance on every display. Do not add private information to a shared URL.
Updated