15 Tonos Diferentes de Color Blanco (+ Códigos HEX)
Explora todos los tonos de blanco, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores blanco. Haz clic en cualquier tono para copiar su código HEX.
El blanco es una decisión, no una ausencia: un blanco frío hace ver clínico un producto, uno cálido lo hace ver pensado, y el #FFF puro encandila en pantalla.
Elige un blanco y consérvalo. Dos blancos en la misma página parecen un error de renderizado.
- white#ffffff
- concrete#f2f2f2
- mercury#e6e6e6
- alto#d9d9d9
- silver#cdcdcd
- nobel#b3b3b3
- silver chalice#a7a7a7
- dusty gray#9a9a9a
- gray#8d8d8d
- boulder#747474
- dove gray#686868
- scorpion#5b5b5b
- tundora#4e4e4e
- mine shaft#353535
- cod gray#1c1c1c
Blanco: Códigos HEX y RGB
blanco tiene los siguientes códigos de color principales:
HEX: #ffffff
RGB: (255, 255, 255).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de blanco
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
Explora los tonos más oscuros de blanco
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
blanco en HEX, RGB, HSL y CMYK
| HEX | #FFFFFF | |
|---|---|---|
| RGB | rgb(255, 255, 255) | |
| HSL | hsl(0, 0%, 100%) | |
| CMYK | cmyk(0%, 0%, 0%, 0%) |
Tonos claros y oscuros de blanco
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#fdfdfd
#fcfcfc
#fafafa
#f8f8f8
#f7f7f7
#f5f5f5
Más oscuros
#d6d6d6
#adadad
#858585
#5c5c5c
#333333
#0a0a0a
Colores que combinan con blanco
Complementario
#FFFFFF #ffffff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ffffff #FFFFFF #ffffff
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FFFFFF #ffffff #ffffff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre blanco
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de blanco
Haz clic derecho para guardar la carta, o copia los códigos de arriba.