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

¿Qué cuenta como un tono de blanco?

El blanco #FFFFFF es un valor único, así que una página de tonos de blanco es en realidad una página de blancos rotos: 17, cada uno con una pizca de matiz. El lado cálido reúne Marfil #FFFFF0, Crema #FFFDD0, Lino #FAF0E6 y Pergamino #FCF5E5; el lado frío, GhostWhite #F8F8FF y AliceBlue #F0F8FF; y Nieve #FFFAFA queda en medio con el rosa más leve posible.

Elegir entre ellos es una de las decisiones más rentables de una composición. WhiteSmoke #F5F5F5 es el tinte estándar de tarjetas y paneles porque se separa del #FFFFFF sin leerse como gris. Cáscara de Huevo #F0EAD6, Alabastro #EDEADE y Hueso #E3DAC9 llevan suficiente amarillo para parecer papel, y por eso los buscan los diseños editoriales o de inspiración impresa: hacen que la pantalla se sienta más cálida sin color visible.

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 blanco

El blanco se lee como espacio más que como color. Transmite limpieza, sencillez y apertura, y en maquetación su trabajo principal es el espacio negativo: la cantidad de blanco alrededor de un elemento comunica más calidad que el propio elemento.

La división cálido-frío tiene significado real. Los blancos fríos como GhostWhite y AliceBlue se leen como clínicos y técnicos, el registro del diseño médico y de software. Los blancos cálidos como Marfil, Crema y OldLace #FDF5E6 se leen como tradicionales, cómodos y caros: la paleta de la papelería, las bodas y las marcas con historia. El #FFFFFF puro queda entre ambos y se lee como moderno y algo severo, por lo que funciona en diseño minimalista y casi nunca en algo que deba resultar acogedor.

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óngrisnegroTodas las familias