Skip to content
Browser Screensaver

Custom Colour Screen

Type any hex code and the whole screen becomes that colour. The value is kept in the address bar, so the link you copy reproduces the exact shade for whoever you send it to.

Press F for fullscreen, Esc to exit.

What a custom colour screen is used for

The named colour pages cover the shades people search for. This one covers everything else — a brand colour, a value out of a design file, a specific grey you are trying to match against a print.

Because the colour lives in the URL rather than in the page, it behaves like a document: bookmark it, send it to someone, or keep several open in tabs to compare.

  • Matching a brand or design-system colour on a real display
  • Comparing two specific shades side by side in separate tabs
  • Testing a panel with a value that is not a standard primary
  • Lighting a subject with a precisely chosen tint

Sharing a colour as a link

Every change you make is written into the address bar as ?hex=, without adding to your browser history. Copy the URL and the person you send it to sees the same colour at the same fullscreen size — no screenshot, no colour profile guesswork about what a JPEG did to it.

This also means a configured screen can be bookmarked. If you regularly need one particular shade for lighting or testing, save the link rather than retyping the code.

How to get any colour at full screen

Enter a hex code — three digits or six, with or without the leading hash — and press Enter. Then press F or the fullscreen button. Escape returns you to the page.

The download button saves the current colour as a PNG at your screen’s pixel dimensions, which is useful as a wallpaper or as a flat background in another application.

Questions

What colour formats can I enter?

Hex, three or six digits, with or without the leading hash — #f00, f00, #ff0000 and ff0000 all work.

Will the colour look the same on someone else’s screen?

Approximately, not exactly. The hex value is identical, but panels differ in gamut and calibration, so a saturated colour will look more vivid on a wide-gamut phone than on a budget monitor. Neutral greys travel best.

Is this custom colour screen free?

Yes — free, with no account, no download, no watermark and no limit on how long you leave it open.

How do I exit fullscreen?

Press Escape, or F again. If you used F11 to hide the browser toolbars, press F11 to bring them back.