White — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #FFFFFF | |
| RGB | rgb(255, 255, 255) | |
| HSL | hsl(0, 0%, 100%) |
Tinten van White
| #E3E3E3 | #C7C7C7 | #ABABAB | #8F8F8F | #737373 | #575757 | #3B3B3B | #1F1F1F |
Pastelkleuren van White
| #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF | #FFFFFF |
Kleurcombinaties & Harmonie
|
Complementair
#FFFFFF
|
Analoog +30°
#FFFFFF
|
Analoog −30°
#FFFFFF
|
Triadisch +120°
#FFFFFF
|
Triadisch −120°
#FFFFFF
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #FFFFFF;
}
.element-bg {
background-color: #FFFFFF;
color: #000000;
}
.element-border {
border: 2px solid #FFFFFF;
}
Over White
White is een zeer licht kleur met zeer lage verzadiging (bijna achromatisch), gedefinieerd door de hexcode #FFFFFF. De exacte kleurmodelwaarden zijn rgb(255, 255, 255) in RGB en hsl(0, 0%, 100%) in HSL (tint 0°, verzadiging 0%, helderheid 100%). Op een witte achtergrond is de contrastverhouding 1.00:1 — Niet geslaagd, op zwart is dat 21.00:1 — AAA geslaagd voor normale tekst. Gebruik White voor UI-elementen, achtergronden, tekst, randen of decoratieve accenten. Het tintengedeelte hieronder toont progressief donkerdere varianten, terwijl de pastelstrook progressief lichtere versies toont — beide nuttig voor het opbouwen van een tonaal palet. De harmoniekleuren bieden complementaire, analoge en triadische combinaties op basis van het HSL-tintwiel.
Deze kleur interactief verkennen, paletten genereren of wisselen tussen kleurindelingen? De DevArbor-kleurenkiezer helpt je daarbij.
Kleurenkiezer openen →