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

¿Qué cuenta como un tono de amarillo?

El amarillo es el matiz más luminoso que distingue el ojo, y los 16 tonos siguientes muestran lo poco que puede moverse. LightYellow #FFFFE0 y LemonChiffon #FFFACD son casi blancos; el amarillo puro #FFFF00 es lo más saturado que da la familia; y a partir de ahí la única dirección posible es hacia el dorado y el oliva: Oro #FFD700, Goldenrod #DAA520, DarkGoldenrod #B8860B.

Ese recorrido tan corto es un problema práctico. El amarillo no se puede oscurecer sin dejar de ser amarillo: baja la luminosidad y se convierte en Mostaza #FFDB58, luego en el turbio DarkKhaki #BDB76B, y luego en algo que el ojo archiva como marrón. Quien necesita un amarillo oscuro suele recurrir a Azafrán #F4C430 o a Goldenrod, que mantienen el matiz legible renunciando al deslumbramiento.

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 amarillo

El amarillo es el color de atención que no amenaza. Las señales de advertencia, los subrayadores y los autobuses escolares lo usan porque ofrece el mayor contraste de luminancia contra el negro de todos los matices, y sigue siendo legible a distancia y con poca luz, donde el rojo falla.

También es el color más difícil de usar bien. El #FFFF00 puro sobre blanco es casi ilegible y cansa la vista en un párrafo, así que el amarillo suele funcionar como fondo o acento, no como texto. Las versiones más cálidas y profundas — Oro, Azafrán, Maíz #FBEC5D — conservan el optimismo sin la fatiga, y por eso dominan en las marcas mientras el amarillo puro se queda en la señal de peligro.

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

rojonaranjaverdecianazulmoradorosamarróngrisnegroblancoTodas las familias