Full Screen Color

Pick a color and press Go full screen for a colored screen from edge to edge, red on arrival.

Colour Pick one, then go full screen.

What to look for

F goes full screen. Escape leaves.

Red, one primary at full

Red, one primary at full

#FF0000 · 21 percent of full light

#FF0000. The page opens on it. Red is the usual busy or stop color. As a lamp it is weak: about 21 percent of what white gives.

The page's own dimmer, not your device's brightness.

What to look for

As a color screen light

As a backdrop or a sample

Reading and keeping the color

Next step More reds, from tomato to maroonNext: black, near-blacks and what they show

All 30 colors and uses

Colors to fill the screen 16

  • Black, everything off #000000. Nothing lit: the darkest field the page can ask for. Use it to rest a spare screen or to hide what was on it without switching the display off.
  • Blue, the dimmest primary #0000FF. A deep, saturated field that lights a room very little: about 7.2 percent of what white gives. Good behind a slide, poor as a lamp.
  • Brown, a dim orange-red #A52A2A. On a screen brown is red at 165 with green and blue at 42. At about 9.8 percent of white's light it needs a dim room to read as brown and not as black.
  • Cyan, green and blue at full #00FFFF. White with the red taken out, and the second brightest color chip at about 79 percent of white's light. A cool light for a photo. CSS also calls it aqua.
  • Gray, everything at half signal #808080. Halfway up the signal on all three channels, yet only about 22 percent of white's light, because screens do not brighten in a straight line. CSS accepts the spelling grey too.
Show all 30 colors and uses (25 more)

Colors to fill the screen, continued

  • Green, the darker CSS green #008000. What CSS calls green is much darker than lime: level 128 of 255, about 15 percent of white's light. A restful field for a spare monitor.
  • Lime, a full primary #00FF00. CSS gives full-strength green the name lime. It works as a color to key out in a video edit, and it is bright for a single primary: about 72 percent of white's light.
  • Magenta, red and blue at full #FF00FF. White with the green taken out. Vivid as a signal or a backdrop, at about 28 percent of white's light. CSS also calls it fuchsia.
  • Navy, the darkest color chip #000080. About 1.6 percent of white's light, less than any chip but black. On a spare monitor it hides the desktop almost as well as black does while staying recognizably a color.
  • Orange, red with green at 165 #FFA500. A warm color for lighting a face or an object. Screens have no orange part: this is full red with green held at 165 of 255. About 48 percent of white's light.
  • Pink, red softened toward white #FFC0CB. Soft and bright, about 63 percent of white's light, so it makes a gentle lamp. Red is full, with green at 192 and blue at 203.
  • Purple, magenta at half signal #800080. Red and blue at 128 with green dark. About 6.1 percent of white's light, a deep color for a quiet backdrop or a dim room.
  • Red, one primary at full #FF0000. The page opens on it. Red is the usual busy or stop color. As a lamp it is weak: about 21 percent of what white gives.
  • Teal, cyan at half signal #008080. A deep blue-green with red dark and the other two at 128. About 17 percent of white's light: enough to see by, too little to dazzle.
  • White, everything at full #FFFFFF. Everything on. It is the brightest field a screen can show, and the yardstick for the light figure printed with every other chip.
  • Yellow, red and green at full #FFFF00. The brightest chip after white, at about 93 percent of white's light, so it doubles as a warm lamp. Blue is the only part left dark.

As a color screen light 4

  • Darker versions with the dimmer Dimmer runs from 100 down to 10 percent in steps of 5. Each step scales the color toward black and rewrites the hex code, so a dimmed purple is a darker purple with a code you can copy.
  • Red for busy, lime for free: a status color One color on a second monitor or an old tablet can be read from the far side of a room. The share link brings the same color back the next day. The display still sleeps on the device's own timer.
  • Tinting a photo with colored light Stand the screen beside the subject and pick the tint you want on it. Orange and pink warm a face, cyan cools it. The bright chips do most: yellow gives about 93 percent of white's light, cyan about 79, blue only about 7.
  • Which chips give the most light White gives 100 percent, yellow about 93, cyan about 79, lime about 72 and pink about 63. Red gives about 21 and blue about 7. Navy, purple, brown and black are for keeping a room dark.

As a backdrop or a sample 4

  • A blank color screen for a slide or a recording On a projector, or captured in a recording, the field is one flat color with nothing from this page on it once the controls fade. Use it between slides or as a ground for a title.
  • A color shown large beside a printed swatch Fill the screen and hold the swatch against it to see the two together. Every screen shows the same code a little differently, and print is ink, not light, so this is a comparison and never a color proof.
  • Picking a backdrop that suits the object Stand a tablet upright behind something small and photograph from the front. Teal, navy and brown stay quiet behind a bright object. White, yellow and pink throw light forward and rim it.
  • Trying a color at full size before using it A color chosen from a small swatch can look stronger across a whole screen. Fill the display with it, step back, then move to its neighbors with the right arrow before you settle on one for a slide or a design.

Reading and keeping the color 6

  • A link that reopens the same color Share these settings makes a link that carries the chip and the dimmer. Opened on another device, it shows the same color, ready for the full-screen press. A link never goes full screen by itself.
  • The heart keeps a color for later Press the heart and the color on show, dimmed or not, is saved in this browser and listed on the saved page. Nothing is sent anywhere, and clearing the browser's data removes it.
  • The hex code and Copy hex The code under the field is the color as a web page writes it: two digits each for red, green and blue. Copy hex puts it on the clipboard. Lower the dimmer and the code changes to the darker color on show.
  • If the browser keeps its bars on a phone Not every phone browser lets a page hide the address bar and buttons. Where it cannot, the color fills the page area instead, and holding the phone sideways leaves the bars the least room.
  • The light figure beside the code It is the color's share of the light of pure white on a standard screen, worked out from the code. It ranks the colors against each other and is not a reading of your display.
  • No box for a code of your own The page shows the sixteen colors in its row and their dimmed versions. It has no field for typing a hex code, and a shared link can only name a color the row holds.

How this list was compiled: Shades, checks and uses chosen and written for this page. Every hex value is a CSS named color, taken from the table of named colors at https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/named-color, read 2026-10-02. The share of light printed for each shade is its relative luminance (0.2126 R + 0.7152 G + 0.0722 B on linear values, pure white as 100), worked out from the formulas at https://en.wikipedia.org/wiki/SRGB, read 2026-10-02. That red and green light make yellow, green and blue cyan, and red and blue magenta is from https://en.wikipedia.org/wiki/RGB_color_model, read 2026-10-02. That every device has its own color response, so the same values look different from screen to screen and from screen to print, is from https://en.wikipedia.org/wiki/Color_management, read 2026-10-02. That some phone browsers offer web pages no full screen is from the browser support tables at https://github.com/mdn/browser-compat-data, read 2026-10-02. A color on a screen is not a match for paint, print or another screen, and nothing here is a measurement. Licence: own work

How it works

Need a full screen color? Pick one of sixteen chips, from red and orange to white, gray and black, then press Go full screen for one solid color screen from edge to edge. Each shows its hex code.

Read the full guide

Fill the screen in two presses

1. Pick a color above the button. The page opens on red. 2. Press Go full screen. The controls fade after three seconds and only the color is left. 3. Click, tap or press the right arrow for the next color.

The hex code, the dimmer and the heart

Under the field are the color's hex code and its share of white's light. Copy hex copies the code, and Dimmer darkens the color, down to 10 percent. The heart saves it in this browser. For any other color, press Your colour, the first chip in the row, and pick it in your browser's color picker.

  • In full screen, keys 1 to 9 jump to the first nine colors.

Questions and answers

Can it show a multi color screen?

One color at a time. The row holds sixteen, and in full screen a click, a tap or the right arrow steps to the next, so you can run through them all. For several colors at once, use the color bars page.

Do I need an app, or is a color screen website enough?

A website is enough. Your browser draws the color, nothing is installed and nothing is uploaded. Some phone browsers give web pages no full screen, and there the color fills the browser window instead.

Can I type my own hex code?

Not on this page. It shows sixteen named colors, each with its hex code and a Copy hex button. Pick the nearest one, and use the dimmer if you want it darker.

Will the color match paint or print?

No. A screen makes color with light, and every screen shows the same code a little differently. Treat a color here as a guide. Holding a printed swatch beside it compares the two and proves nothing.

More tests

Show 8 more

Browse Screen and Sound