Tonos de Blanco: 15 Tipos y HEX
Estos son los 15 tonos de blanco más usados, del más claro al más oscuro.
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 blanco 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.