#FFFFFF
RGB(255, 255, 255)
#292929
#3D3D3D
#464646
#525252
#656565
#7C7C7C
#989898
#BDBDBD
#DCDCDC
#EFEFEF
#FFFFFF
Color Values
HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0°, 0%, 100%)
CMYK
0%, 0%, 0%, 0%
HSV
0°, 0%, 100%
XYZ
95.05, 100.00, 108.90
Color Variations
Shades
#E5E5E5
#CCCCCC
#B2B2B2
#999999
Monochromatic Colors
#D8D8D8
#E5E5E5
#F2F2F2
#FFFFFF
CSS Examples
Frosted Glass Effect
.frosted-glass {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px) saturate(160%) contrast(45%) brightness(140%);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow:
0 4px 30px rgba(0, 0, 0, 0.1),
inset 0 0 1px 0 rgba(255, 255, 255, 0.3);
}Pearl Button
.pearl-button {
background: linear-gradient(
145deg,
#ffffff 0%,
#f5f5f5 50%,
#ffffff 100%
);
border: none;
border-radius: 30px;
box-shadow:
0 2px 10px rgba(0, 0, 0, 0.1),
inset 0 -2px 0 rgba(0, 0, 0, 0.05),
inset 0 2px 0 rgba(255, 255, 255, 0.9);
transition: transform 0.2s ease;
}Snow Pattern
.snow-pattern {
background-color: #ffffff;
background-image:
radial-gradient(#f5f5f5 2px, transparent 2px),
radial-gradient(#f0f0f0 2px, transparent 2px);
background-size: 32px 32px;
background-position: 0 0, 16px 16px;
animation: snowfall 8s linear infinite;
}
@keyframes snowfall {
from { background-position: 0 0, 16px 16px; }
to { background-position: 32px 32px, 48px 48px; }
}Cloud Effect
.cloud-effect {
background: linear-gradient(
to bottom right,
rgba(255, 255, 255, 1) 0%,
rgba(245, 245, 245, 0.8) 50%,
rgba(240, 240, 240, 0.9) 100%
);
filter: blur(0.5px);
border-radius: 24px;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}Paper Texture
.paper-texture {
background-color: #ffffff;
background-image:
linear-gradient(90deg, rgba(200,200,200,.05) 1px, transparent 1px),
linear-gradient(rgba(200,200,200,.05) 1px, transparent 1px);
background-size: 20px 20px;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.05),
inset 0 0 0 1px rgba(255, 255, 255, 0.9);
}About White
The color white is often associated with purity, simplicity, and cleanliness. It is a versatile hue that can be used in various contexts to evoke a sense of calm and clarity.
Historical Significance
White has its origins in nature, seen in snow, clouds, and certain flowers. It is a popular choice in design for creating a minimalist aesthetic or highlighting other colors in a palette.
Color Characteristics
White is characterized by:
- Pure, bright appearance
- Maximum light reflection
- Neutral base color
- Versatile application
- Clean aesthetic
Symbolism and Meaning
White represents:
- Purity
- Innocence
- Cleanliness
- Peace
- Clarity
Modern Applications
Today, white is used in:
- Minimalist designs
- Modern interiors
- Medical environments
- Wedding themes
- Digital interfaces
