Purple Screen.
Open a purple screen in full screen, explore shades, or download a solid purple background.
Choose your color
Click to previewScreen settings Dimming & keep awake
This changes the displayed color. Adjust your device brightness for a brighter or dimmer screen.
Works only while this page is visible. Your system may still interrupt it.
Download a plain background
#FFFFFFA clean, solid image. No border, watermark or dimming.
Key takeaways
- Purple #800080 is red and blue at half strength, green off.
- It is one of the darkest colours here: about 6 % of white's luminance.
- Rebecca Purple #663399 was added to CSS in 2014.
Pick a color
Start with purple, choose a preset or enter your own HEX code.
Make it full screen
Open the color across your screen. Press Escape or tap Exit to return.
Take it with you
Download a plain PNG or JPG in the size that fits your project.
A little more color. A little more purple.
Start with purple #800080 or choose Lavender #E6E6FA and Rebecca Purple #663399. A lavender screen provides a much lighter background than the default purple. Each shade can be exported as a plain image.
Where does Rebecca Purple come from?
rebeccapurple (#663399) was added to the CSS colour list in 2014, in memory of Rebecca Meyer, daughter of the web designer Eric Meyer. It is now part of the W3C CSS Color specification, next to the older purple (#800080), which was one of the 16 original HTML colours.
| Preset | HEX | Luminance vs white |
|---|---|---|
| Purple | #800080 | 6 % |
| Rebecca Purple | #663399 | 8 % |
| Lavender | #E6E6FA | 80 % |
Purple and Rebecca Purple are dark, so a dimmed purple screen gives very little light; Lavender is the bright option.
Find your color.
Questions, answered.
Is #800080 the same as magenta?
No. Magenta (#FF00FF) is red and blue at full strength; purple is both at half.
Can I open a lavender screen?
Yes. Select Lavender, then Open Full Screen. Download Image will also use that selected lavender shade.
How do I leave full screen?
Press Escape or move your mouse or touch the screen to reveal Exit. Press F to toggle full screen when you are not typing in a field.
Does it work on phones and tablets?
Yes. If your browser cannot open true full screen, the color fills the browser window instead. Browser bars may remain visible. You can use portrait or landscape orientation.
Can this change my device brightness?
No. Screen dimming darkens the displayed color only. Use your device’s brightness controls to adjust the physical display.
What does Keep screen awake do?
When supported and allowed, it asks your browser to keep the display on while this page is visible. The status shows whether the request is active, released or unavailable. Battery settings and system behavior may override it.
Can I download a 4K background?
Yes. Choose 4K UHD for a 3840 × 2160 image. Images are created on your device and contain the selected base color only, without the dimming effect.
Sources: W3C, CSS Color Module Level 4, named colors; W3C, WCAG 2 definition of relative luminance. Last reviewed November 12, 2026.