Why a white background may not be pure white

A white page can look gray, yellow, or slightly blue, even when you expect it to be plain white. Sometimes the design uses an off-white color. Other times, a filter, display setting, or lighting makes white look different.

You can sample the color on screen with TooLab's Color Picker, then check whether the value is actually white or just looks that way. The result can narrow down whether you are seeing a design choice or a display effect.

Check the color on screen

1. Open the Color Picker in Chrome or Edge on a computer. Color Picker can pick a color from anywhere on the screen. Other browsers may have a reduced version or may not support this feature.
2. Move to a large, flat part of the background, away from text, borders, shadows, and pictures. Those details can contain pixels that are not the background color.
3. Pick a few points in different parts of the same background. Compare the HEX and RGB values shown by the tool.
4. If you are checking a web page or design, compare the sampled value with the intended background color in its design settings or source. For pure white, look for #FFFFFF or RGB 255, 255, 255.

For a large plain area, repeated samples should usually match. If the page has a gradient, transparency, texture, or an overlay, different points can have different values.

What the color result means

The value is #FFFFFF

The sampled pixel has the maximum value in all three color channels. The digital color at that point is pure white, so the tint you see is likely caused by the display, its settings, or the light around it. This does not prove that the monitor is calibrated or that it emits perfectly neutral white.

The value is close to #FFFFFF, but not exact

A value such as #FAFAFA is a very light gray. It can look white on a bright screen, especially beside darker content. Many websites and apps use near-white backgrounds to soften contrast or make cards and panels easier to distinguish.

The red, green, and blue values differ

If one channel is higher than the others, the sampled color has a tint. For example, a higher red value can make the area look warm, while a higher blue value can make it look cool. A tint may be part of the design, or it may come from a color overlay or transparency.

Different points give different values

The background may not be a single flat color. A gradient, shadow, translucent layer, image, or selected-state highlight can change the color across the page. Sample farther from edges and controls to find the main background color.

The value is #FFFFFF, but it still looks gray or yellow

The sampled color is white as a digital value, but your display can change how it appears. Night mode, a warm color profile, a monitor setting, or the room's lighting can make white look tinted. A screen color picker reads a digital color value, not the light coming from the panel.

How to make the background look right

1. Sample a clear area. Pick the center of a large, uniform region rather than a pixel beside text or an edge. Text smoothing and shadows can make border pixels differ from the intended background.
2. Check the design color and opacity. If you control the page or image, inspect the background color and any transparency or overlay settings. Set the color to #FFFFFF and opacity to 100 percent if pure white is what you want.
3. Turn off warm display modes temporarily. In Windows 11, open Settings › System › Display › Night light and turn Night light off. On a Mac, open System Settings › Displays and turn off Night Shift; turn off True Tone too, if your Mac offers it. Compare the same white area again.
4. Check accessibility color filters. In Windows 11, go to Settings › Accessibility › Color filters and make sure filters are off unless you use them intentionally. On a Mac, check System Settings › Accessibility › Display for color filters or display adjustments.
5. Check the monitor's picture mode. Use the monitor's own menu to compare its Standard or sRGB mode with any warm, reading, or custom mode. If someone changed the color controls, restore the default picture settings and sample again.
6. Compare another screen. Open the same page on a second display with Night Light, Night Shift, and similar color adjustments off. If the color value is the same but the white looks different, the difference is in the display or viewing conditions, not the page's color code.

Why pure white can still look different

#FFFFFF describes a digital color value, not a fixed amount or shade of light. Displays have different brightness levels and white points, which are the colors they use to produce white. Color profiles, automatic brightness, and ambient-light features can change the appearance further.

Your eyes also adapt to the room. A white screen can look warmer beside a cool light, or dull beside a bright window. For a practical check, compare two displays side by side, keep their color modes similar, and avoid judging a screen against paper under different lighting.

Use a sampled value to check what color is on screen, but use a calibrated display and suitable measuring equipment if color accuracy matters for print or professional work.