Tonos de Negro: Códigos Hex, RGB y HSL

¿Qué cuenta como un tono de negro?

Solo hay un negro verdadero, el #000000, y las otras 11 entradas siguientes son los casi negros que se usan de verdad: Carbón #36454F, Ónix #353935, Negro Azabache #343434, Negro Mate #28282B, Negro Pasa #242124 y Regaliz #1B1212, entre otros. Cada uno conserva un rastro de matiz — el Carbón es azul, el Regaliz es rojo, el Ébano #555D50 es verde — y ese rastro es justamente lo que importa.

El #000000 puro sobre blanco puro es el mayor contraste que puede dar una pantalla y, para texto largo, suele ser demasiado: el deslumbramiento hace vibrar los bordes y cansa la vista, sobre todo en pantallas OLED donde los píxeles negros están literalmente apagados. La mayoría de diseños cuidadosos ponen el texto de cuerpo en #1B1B1B o #242124 y reservan el negro puro para los acentos. La misma regla vale en imprenta, donde un negro rico mezclado con otras tintas reproduce mucho mejor que el 100% de negro solo.

Cómo usar estos códigos de color

1. Busca tu tono. La lista va de claro a oscuro, con una muestra real junto a cada nombre — recórrela como si fuera una carta de pinturas.
2. Haz clic en un código para copiarlo. Cada fila trae el valor hex, RGB y HSL de ese color. Un clic copia ese texto exacto a tu portapapeles.
3. Pégalo en tu proyecto. Lleva el hex a CSS, Figma, Photoshop o un documento. Al hacer clic en la muestra también se copia el hex, así no tienes que apuntar al texto pequeño.

Qué comunica el negro

El negro es el color con más autoridad disponible. Se lee como premium, formal y definitivo, y por eso lo eligen por defecto el packaging de lujo, la ropa de noche y la electrónica de gama alta — y por eso una paleta en blanco y negro es el recurso fiable cuando una marca quiere parecer seria antes que cercana.

También es el más dependiente del contexto. En el diseño occidental el negro carga a la vez con el luto y la sofisticación, sin ambigüedad real en la práctica, porque el entorno decide cuál aplica. En buena parte de Asia Oriental es el blanco el que ocupa el papel funerario. Usado como fondo, el negro hace que los colores encima parezcan más saturados, lo que favorece la fotografía de producto y obliga a bajar el tono de los acentos en los temas oscuros de interfaz.

Limitaciones honestas

Un código hex es exacto, pero el color que ves no lo es. El mismo #FF0000 se ve distinto en un móvil OLED, en un monitor de oficina barato y en papel impreso, porque cada dispositivo tiene su propia gama y calibración. Usa estos valores como un punto de partida preciso para pantalla, y revisa siempre una prueba física antes de mandar un color a imprenta: CMYK no puede reproducir todos los tonos de esta lista.

Los nombres de color mezclan dos cosas. Los marcados con CSS son colores con nombre oficiales: el nombre funciona tal cual en una hoja de estilos y todos los navegadores lo resuelven exactamente a ese hex. El resto son nombres convencionales — Burdeos, Salvia, Espresso — que no pertenecen a ningún estándar. Sus valores siguen la convención más citada, pero otra carta puede colocarlos un poco más claros u oscuros, así que cita el hex y no el nombre cuando el valor exacto importe.

¿Por qué es gratis?

FreeToGenerate.com mantiene todas sus herramientas realmente gratis. Esta página es una lista estática de valores de color que se muestra en tu navegador: nada que instalar, sin cuenta y sin versión premium que esconda la mitad de la paleta. Copia todos los códigos que necesites, las veces que quieras.

Otras familias de color

rojonaranjaamarilloverdecianazulmoradorosamarróngrisblancoTodas las familias