16 Tonos Diferentes de Color Negro (+ Códigos HEX)
Explora todos los tonos de negro, 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 negro. Haz clic en cualquier tono para copiar su código HEX.
El negro puro es raro en el buen diseño. La pantalla lo muestra como un borde duro y la imprenta casi nunca lo alcanza, así que casi todo lo que llamamos negro es un gris muy oscuro con algo de azul o café.
Usa #000 para logos y líneas finas; para el texto y los fondos oscuros, un negro suavizado.
- wild sand#f5f5f5
- mercury#e8e8e8
- alto#dcdcdc
- silver#c2c2c2
- nobel#b6b6b6
- silver chalice#a9a9a9
- dusty gray#9c9c9c
- gray#909090
- boulder#777777
- dove gray#6a6a6a
- scorpion#5d5d5d
- emperor#515151
- tundora#444444
- mine shaft#383838
- cod gray#1e1e1e
- black#050505
Negro: Códigos HEX y RGB
negro 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 negro
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 negro
Aubergine
#330a0a
Cedar
#4b1616
Buccaneer
#622727
Lotus
#7b3d3d
Au Chico
#935858
Pharlap
#ab7878
Quicksand
#c49c9c
Wafer
#ddc6c6
negro en HEX, RGB, HSL y CMYK
| HEX | #000000 | |
|---|---|---|
| RGB | rgb(0, 0, 0) | |
| HSL | hsl(0, 0%, 0%) | |
| CMYK | cmyk(0%, 0%, 0%, 100%) |
Tonos claros y oscuros de negro
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
#292929
#525252
#7a7a7a
#a3a3a3
#cccccc
#f5f5f5
Más oscuros
#020202
#030303
#050505
#070707
#090909
#0a0a0a
Colores que combinan con negro
Complementario
#000000 #000000
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#000000 #000000 #000000
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#000000 #000000 #000000
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre negro
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 negro
Haz clic derecho para guardar la carta, o copia los códigos de arriba.