Purple Screen

Press Go full screen to fill your screen with purple, or pick violet, lilac or lavender first.

Colour Pick one, then go full screen.

What to look for

F goes full screen. Escape leaves.

Plain purple

Plain purple

#800080 · 6.1 percent of full light

#800080, the color CSS names purple: red and blue both at 128 of 255 and green off. It gives about 6 percent of a white screen's light, so it is a deep purple even at full brightness.

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

What to look for

Purple, violet and magenta as light

Checking the screen on purple and magenta

Next step See purple among the other colorsNext door to magenta: a full-screen pink

How it works

This purple screen opens on purple, #800080, a deep shade at about 6 percent of white's light. Nine more run from indigo to lavender, each with its hex code and its share of light.

Read the full guide

Full screen purple color in one press

1. Pick a shade above the button, or keep plain purple. 2. Press Go full screen. The bar fades after three seconds. 3. Tap the purple to bring back Exit full screen, or press the right arrow key for the next shade.

Magenta test screen: what a dot means

A magenta color screen leaves only the green sub-pixels dark. A white dot is a green one stuck on. A red dot is a blue sub-pixel that stays dark, and a blue dot is a dark red one.

Questions and answers

What is the hex code of this purple color screen?

#800080 is the color CSS names purple, and this page opens on it. The other shades run from indigo, #4B0082, to lavender, #E6E6FA, each with its code. Lilac, #C8A2C8, is the one shade CSS does not name.

Which shade makes a light purple screen?

Lilac, #C8A2C8, or violet, #EE82EE: both give a little over 40 percent of white's light. Lavender, #E6E6FA, is paler still, close to white. For a dark purple screen pick indigo, #4B0082, or keep plain purple.

Which shade makes a bright purple screen?

Magenta, #FF00FF: red and blue at full with green off, the most light a screen can send with green dark. CSS has no color named neon purple, so for a neon purple screen pick magenta or dark violet and raise the device's own brightness.

Is a violet screen the same as a purple screen?

Not quite. Violet is a color of the rainbow, at the short end of the spectrum, and purple is a mix of red and blue light. A screen can only mix, so its violet is strong blue with some red, like blue violet here.

Can I use it as a purple screen background or light?

Yes. Full screen, the display shows one flat purple at whatever brightness the device is set to. For a dark room, Dimmer takes any shade down as far as 10 percent.

All 20 shades and notes

Purples, from indigo to lavender 10

  • Plain purple #800080, the color CSS names purple: red and blue both at 128 of 255 and green off. It gives about 6 percent of a white screen's light, so it is a deep purple even at full brightness.
  • Indigo #4B0082: red at 75, green off and blue at 130. At about 3 percent of white's light it is the darkest shade on the page, a blue-leaning purple close to black.
  • Blue violet #8A2BE2: blue at 226 over red at 138, with a little green at 43. About 13 percent of white's light. The nearest thing here to the violet end of a rainbow.
  • Dark violet #9400D3: red at 148 and blue at 211 with green off, about 11 percent of white's light. A vivid purple with no gray in it, since one sub-pixel stays dark.
  • Medium purple #9370DB: red at 147, green at 112 and blue at 219. All three sub-pixels are lit, so it is softer and lighter than dark violet, at about 23 percent of white's light.
  • Orchid #DA70D6: red at 218 and blue at 214, nearly level, with green at 112. A pinkish purple at about 31 percent of white's light.
Show all 20 shades and notes (14 more)

Purples, from indigo to lavender, continued

  • Violet #EE82EE, the color CSS names violet: red and blue level at 238 and green at 130. A pale magenta, at about 40 percent of white's light.
  • Magenta #FF00FF: red and blue at full and green off. CSS also calls it fuchsia. It gives about 28 percent of white's light, the most a screen can send with green dark.
  • Lilac #C8A2C8: red and blue level at 200 with green at 162, about 42 percent of white's light. CSS has no color named lilac; this is the code Wikipedia's article on the color gives, a light purple, less vivid than violet.
  • Lavender #E6E6FA, the color CSS names lavender: red and green at 230 and blue at 250. The palest shade on the page, at about 80 percent of white's light: nearly white, with a faint blue-violet cast.

Purple, violet and magenta as light 7

  • Magenta is not in the rainbow No single wavelength of light has magenta's hue. The eye reports it when long red wavelengths and short blue ones arrive together with little green between them, which is what this screen sends: red and blue lit, green dark.
  • A screen cannot show rainbow violet Violet is the short end of the spectrum, at about 380 to 435 nanometers. Three sub-pixels cannot make that light, so a screen stands in for it with strong blue and weaker red, as blue violet does.
  • CSS violet is a pale magenta The shade CSS names violet has red and blue level at 238, so its hue is magenta's, made paler by green at 130. Blue violet has far more blue than red, which is how a screen imitates the violet of a rainbow.
  • Magenta and fuchsia are one color here In CSS the names magenta and fuchsia are aliases for the same code, #FF00FF. A page that asks for either gets the same light from the screen. In printing and design the two names can mean different mixes.
  • Two sub-pixels lit, dimmer than green alone Magenta lights red and blue at full and gives about 28 percent of white's light. Green by itself gives about 72. Of the three mixes of two full sub-pixels, magenta is the only one dimmer than green: yellow gives about 93 and cyan about 79.
  • Half the numbers, a fifth of the light Plain purple sends red and blue at 128, half of magenta's 255, yet gives about 6 percent of white's light against magenta's 28. Signal level and light are not in step: half the level comes to about a fifth of the light.
  • Which purple is brightest Lavender gives about 80 percent of white's light, lilac 42, violet 40, orchid 31, magenta 28 and medium purple 23. Blue violet gives about 13, dark violet 11, plain purple 6 and indigo 3. The figure under the field shows it for the shade on show.

Checking the screen on purple and magenta 3

  • Green stuck on: white on magenta, pale green on purple On magenta, dark violet, indigo and plain purple the green sub-pixels are the only ones dark. A green one stuck on completes the mix on magenta, so that pixel turns white. On plain purple, where red and blue sit at half level, it turns pale green.
  • A speck that is plain red or plain blue With blue missing, a magenta pixel shows red. With red missing it shows blue. So a red point here is a blue sub-pixel that stays dark, a blue point is a dark red one, and a black point has lost both.
  • Indigo that passes for black Indigo gives about 3 percent of white's light. Open the black screen in a second window beside it and compare: indigo is a dark blue-purple. If the two look the same, the screen or the light in the room is hiding its darkest steps.

How this list was compiled: Shades and notes chosen and written for this page. Every hex value but one 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 and again 2026-10-06; the same page lists magenta and fuchsia as aliases. The one is lilac, which that table does not name: its code, #C8A2C8, is the one given at https://en.wikipedia.org/wiki/Lilac_(color), read 2026-10-06. 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 no spectral color has magenta's hue, and that the names fuchsia and magenta vary in design and printing, is from https://en.wikipedia.org/wiki/Magenta; that violet light lies at about 380 to 435 nanometers and that screens cannot produce it and combine strong blue with weaker red instead is from https://en.wikipedia.org/wiki/Violet_(color); both read 2026-10-02. That a pixel is made of three sub-pixels, that a dark dot is one that stays off and a stuck sub-pixel one that stays lit, is from https://en.wikipedia.org/wiki/Defective_pixel; that red and blue light make magenta and all three make white is from https://en.wikipedia.org/wiki/RGB_color_model; both 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

More tests

Show 6 more

Browse Screen and Sound