12 Tonos Diferentes de Color Gris (+ Códigos HEX)
Explora todos los tonos de gris, 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 gris. Haz clic en cualquier tono para copiar su código HEX.
El gris es el piso sobre el que se apoya el resto de la paleta. Lo que importa es su temperatura: con azul adentro se siente técnico; con café adentro, humano.
Nunca pongas texto gris medio sobre fondo gris claro: es el fallo de accesibilidad más común que existe.
- wild sand#f5f5f5
- mercury#e9e9e9
- alto#dcdcdc
- silver#c4c4c4
- silver chalice#acacac
- gray#939393
- boulder#7b7b7b
- dove gray#6e6e6e
- scorpion#565656
- tundora#4a4a4a
- mine shaft#3e3e3e
- cod gray#191919
Gris: Códigos HEX y RGB
gris tiene los siguientes códigos de color principales:
HEX: #f5f5f5
RGB: (245, 245, 245).
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 gris
Wild Sand
#f5f5f5
Wild Sand
#f5f5f5
Wild Sand
#f7f7f7
Wild Sand
#f7f7f7
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fcfcfc
Alabaster
#fcfcfc
White
#ffffff
Explora los tonos más oscuros de gris
Aubergine
#330a0a
Cedar
#4b1616
Buccaneer
#622727
Lotus
#7b3d3d
Au Chico
#935858
Pharlap
#ab7878
Quicksand
#c49c9c
Wafer
#ddc6c6
gris en HEX, RGB, HSL y CMYK
| HEX | #808080 | |
|---|---|---|
| RGB | rgb(128, 128, 128) | |
| HSL | hsl(0, 0%, 50%) | |
| CMYK | cmyk(0%, 0%, 0%, 50%) |
Tonos claros y oscuros de gris
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
#939393
#a7a7a7
#bababa
#cecece
#e1e1e1
#f5f5f5
Más oscuros
#6c6c6c
#585858
#454545
#313131
#1e1e1e
#0a0a0a
Colores que combinan con gris
Complementario
#808080 #808080
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#808080 #808080 #808080
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#808080 #808080 #808080
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre gris
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 gris
Haz clic derecho para guardar la carta, o copia los códigos de arriba.