Color Negro: código #000000

Negro

#000000

Códigos del color

  • HEX#000000
  • RGBrgb(0, 0, 0)
  • HSLhsl(0, 0%, 0%)
  • HSVhsv(0, 0%, 0%)
  • CMYKcmyk(0%, 0%, 0%, 100%)
  • LABlab(0% 0 0)
  • OKLCHoklch(0% 0 0)

Sobre el color Negro

Negro tiene el código HEX #000000, que corresponde a rgb(0, 0, 0) en el modelo RGB. En el círculo cromático, su tono está en 0°, con 0% de saturación y 0% de luminosidad (hsl(0, 0%, 0%)).

Con una saturación muy baja (o una luminosidad extrema) funciona como color neutro, fácil de combinar con casi cualquier otro.

Como fondo pide texto claro: el blanco alcanza un contraste de 21,00:1 sobre él, frente a 1,00:1 del negro.

Para impresión, la conversión aproximada es cmyk(0%, 0%, 0%, 100%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Negro

Complementaria

#000000 · #000000

Análoga

#000000 · #000000 · #000000

Tríada

#000000 · #000000 · #000000

Tetrádica

#000000 · #000000 · #000000 · #000000

Complementaria dividida

#000000 · #000000 · #000000

Monocromática

#000000 · #000000 · #000000 · #262626 · #4D4D4D

Negro con texto blanco y negro

Texto blanco Aa Bb Cc 123
21,00:1 · AAA
Texto negro Aa Bb Cc 123
1,00:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Negro: sofisticación, luto y neutralidad

Técnicamente, #000000 es la ausencia de luz en la pantalla. Culturalmente, el negro acumula significados casi opuestos. En buena parte de Occidente es el color del luto y de las ocasiones formales, pero también de la elegancia: el vestido negro es un básico del armario y la etiqueta rigurosa casi siempre pasa por él. En otras culturas, el luto se asocia al blanco, lo que demuestra que estas lecturas dependen del contexto. En diseño, el negro suele transmitir autoridad, lujo y seriedad, por eso aparece tanto en marcas de moda, tecnología premium y bebidas.

El negro en pantalla

Contraste máximo, con matices

Negro sobre blanco da 21:1, el mayor contraste posible. En textos largos, sin embargo, ese extremo puede resultar duro, y muchos sitios prefieren un gris muy oscuro para el cuerpo de texto. Compara opciones con el verificador de contraste.

Modo oscuro

Los fondos en negro puro aplanan sombras y jerarquías, y el texto blanco sobre ellos puede parecer que “vibra” para algunas personas. Por eso muchos temas oscuros usan superficies cercanas a #121212 y reservan el negro absoluto para pantallas OLED, donde apaga los píxeles.

El negro en impresión

Aquí es donde más se falla. Un negro hecho solo con tinta K (cmyk(0%, 0%, 0%, 100%)) se ve grisáceo en áreas grandes. Para fondos plenos, las imprentas suelen recomendar un negro enriquecido, como C60 M40 Y40 K100. En cambio, para textos pequeños y líneas finas usa solo K100: con cuatro tintas, cualquier desajuste de registro deja las letras borrosas. Consulta con tu imprenta antes de cerrar el archivo; la guía RGB vs CMYK explica el motivo.

Con qué combinarlo

El negro realza casi cualquier color, pero algunas parejas destacan:

  1. Blanco (#FFFFFF): el contraste gráfico por excelencia.
  2. Dorado (#FFD700): lujo inmediato, habitual en etiquetas e invitaciones.
  3. Rojo (#FF0000): energía y urgencia, ideal para carteles.
  4. Plateado (#C0C0C0): aspecto técnico y frío, típico de la electrónica.

Cómo usarlo en CSS

:root {
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
}

.elemento {
  background-color: var(--color-black);
  color: #FFFFFF;
}

Colores parecidos

Usa Negro en nuestras herramientas