tool::color-guide
White Color
White — The Color of Clarity and Space
#FFFFFFWhite
Color Values
HEX
#FFFFFFRGB
rgb(255, 255, 255)HSL
hsl(0°, 0%, 100%)CSS
whiteShade Palette
Complementary Color
↔
#000000
Black
Analogous Colors
#F5F5F5
White Smoke
#ECECEC
Platinum
CSS Usage
Pure white (#FFFFFF) backgrounds can cause glare during extended reading sessions. For reading-focused interfaces, use off-white like #FAFAFA or #F8F8F8 to reduce eye strain while maintaining a clean aesthetic.
White (#FFFFFF) reflects all visible light and represents cleanliness, purity, simplicity, and open space. It is the default background color for the vast majority of websites and apps, and combined with black text it delivers maximum readability. White space (negative space) is a key principle in design — it gives content room to breathe and improves visual hierarchy. White is essential in medical, clean, and minimalist design aesthetics.
Common Use Cases
- ▸Page background — default light theme base
- ▸Card component backgrounds — visually grouping related information
- ▸Modal dialogs — content area on dark overlay
- ▸Form input field backgrounds — indicating text input areas
- ▸Healthcare UI — communicating cleanliness and trust
- ▸Icon inversion — white icons on dark backgrounds
Related Colors
ad · 300×250
// related tools