blackfullscreen
COLOR PICKER

Color Picker

Pick any shade, then fill the whole screen with it.

Click to go fullscreen
or press F · Esc to exit

What color picker does

A color picker lets you choose any shade, by eye from a color wheel or exactly by typing a hex code, and then fills your entire display with it. It is useful when the twenty or so named colors are not the specific shade you need: matching a brand color, testing one region of a panel, or lighting a subject at a particular temperature. Nothing is uploaded and nothing is installed; the color is drawn by your browser.

How to use it

  1. Choose a shade from the color wheel, or type a hex code such as #1F8A70 into the field.
  2. Click the preview, or press F, to fill the whole display with that color.
  3. Press Esc to come back. Use the wallpaper panel if you want the same color saved as a PNG.

About color picker

Hex, RGB and HSL, and when each one helps

A hex code such as #1F8A70 is three pairs of hexadecimal digits giving the red, green and blue channels, each from 00 to FF. It is the format brand guidelines and design tools hand you, so it is the one to paste when you need an exact match. RGB expresses the same three channels as 0 to 255 and is what most code expects. HSL is the useful one when you are adjusting by eye rather than matching: hue is the position on the color wheel, saturation is how far it is from grey, and lightness is how close to black or white. Nudging lightness in HSL keeps the same color and simply makes it darker, which is awkward to do by hand in hex.

Matching a color you can see but do not have a code for

If you have the shade on screen somewhere else, a screenshot plus any eyedropper tool will give you the hex, and it can be pasted straight in here. Two cautions. A photograph of a colored object is not a reliable source, because the shade in the image is the object under that light, not the object. And a color sampled from a JPEG can be a compression artefact rather than the intended value, so sample from a flat area rather than an edge.

What a full screen of one color is actually good for

A single flat color across the whole display is the standard field for judging a panel: faults that hide inside normal content stand out against it, and driving every pixel to the same value is what makes an inconsistent one obvious. It is also the cheapest soft light available. A large bright area close to a subject is a soft light source, which is why a monitor showing a flat warm shade works as fill light on a video call, and why photographers use a tablet as a small softbox.

Why the color on screen may not match the color you picked

Two displays showing the same hex code rarely look identical. Each panel has its own color profile, brightness and white point, and phones often apply extra processing such as True Tone or a warm night mode that shifts everything toward amber. The code is exact; the light your eye receives is not. If you are matching something physical, judge it under consistent room light with any adaptive brightness or color temperature setting turned off.

Questions

What is a hex color code?

A six-digit code such as #FF0000 that sets the red, green and blue channels of a color, each as a pair of hexadecimal digits from 00 to FF. #FF0000 is full red with no green or blue. It is the standard format on the web and in design tools.

Can I use this to match a brand color exactly?

Yes, if you have the hex code from the brand guidelines: paste it in and the page draws that exact value. What it cannot guarantee is that two different screens render it identically, since every panel has its own calibration and white point.

Does it work on a phone?

Yes. Tap the preview to fill the screen. Some mobile browsers keep a thin status bar visible, which is a browser limitation rather than something the page controls.

Is my color sent anywhere?

No. The color is drawn by your browser and never leaves your device. There is no upload, no account and no tracking of what you picked.

Can I save the color as an image?

Yes. The wallpaper panel on this page will generate a plain PNG of that exact color at your screen size, or at 1080p, 1440p, 4K and common phone dimensions.

Was the color picker useful?

No ratings yet. Yours would be the first.

More tools

Wallpaper generator

Download a plain color as a PNG at your exact screen size, or 1080p, 1440p and 4K.

Text on screen

Put a large message full screen. Handy for signs, streams, and getting someone's attention across a room.

Hacker simulator

A multi-pane console that responds to your typing. Scan tables, a live world map, meters and a log.

Matrix rain

Falling green code, full screen. A screensaver, a backdrop for video, or something to leave running.

Dead pixel test

Cycle solid colors across the whole display to find pixels that are stuck lit or not lighting at all.

Pixel fixer

Cycle colours rapidly over a stuck pixel to try to free it. Warning first, small patch by default.

Monitor test

A guided walk through black, white, the primaries, grey and a gradient, with what to look for at each step.

Uniformity test

Check for backlight bleed, blotchy patches and corner dimming across seven brightness levels.

Burn-in test

Check an OLED for retained images or permanent burn-in, and run a slow wash cycle for the temporary kind.

DVD screensaver

The bouncing logo, with a corner hit counter. Set your own text, speed and size.

Flip clock

A full screen split-flap clock. 12 or 24 hour, optional seconds, and a dim mode for overnight.

No signal

SMPTE colour bars, EBU bars, greyscale steps and a no signal screen, with a 1 kHz tone.

TV static

Analogue static, with optional white, pink or brown noise. Picture and sound work independently.

Video call light

Turn a screen into a fill light. Adjustable warmth in kelvin, brightness, and ring or softbox shapes.

Screen info

Your resolution, pixel ratio, aspect, colour depth, gamut, touch points and graphics, read from your browser.

Touch test

Find dead zones in a touchscreen and check how many simultaneous touches it registers.

Refresh rate test

Measure the frames per second your browser is actually presenting, plus a motion test you can see.

Full screen colors