Guía completa de tonos amarillos
El amarillo es el color más luminoso del espectro visible y el que el ojo humano detecta con mayor rapidez después del rojo. Va desde el blanco cremoso casi sin color hasta el dorado casi naranja, pasando por limones eléctricos, mostazas, ámbar, miel, vainilla y chartreuse. A continuación, 40 tonos amarillos con sus códigos listos para copiar. Haz clic en cualquier código para copiarlo al portapapeles.
Hay un color que el ojo humano detecta más rápido que cualquier otro en condiciones de luminosidad normal, y ese color es el amarillo. El motivo es puramente fisiológico: los conos de la retina que procesan el verde y el rojo —los dos canales que combinados producen el amarillo— son los más abundantes y sensibles del sistema visual humano. Esa hipervisibilidad es la razón por la que el amarillo domina en señalización de seguridad, señales de tráfico y chalecos reflectantes en todo el mundo. Pero el espectro de los tonos amarillos es vastísimo y sorprendentemente sofisticado: va desde el marfil y la crema casi blancos hasta el ocre y el dorado viejo casi marrones, pasando por el canario brillante, el azafrán sagrado, la mostaza retro, el curry especiado, el chartreuse eléctrico y el mimosa de Pantone. Esta guía reúne los 40 tonos amarillos más relevantes en diseño, cada uno con su código HEX, sus valores RGB para pantallas digitales y sus parámetros CMYK para impresión profesional, todos listos para copiar con un clic.
Usos del amarillo en diseño gráfico, branding y publicidad
El amarillo es el color más ambivalente del espectro en términos de branding: puede transmitir alegría y positividad, pero también advertencia y precaución, dependiendo del tono exacto y del contexto. Las marcas que lo utilizan con maestría son aquellas que han encontrado ese punto de equilibrio preciso. McDonald’s eligió el amarillo dorado de sus arcos porque maximiza la visibilidad en carreteras y estimula el apetito cuando se combina con el rojo. IKEA, Snapchat, National Geographic, DHL, Post-it, Caterpillar, Nikon y el emoji más universal del mundo son todos amarillos. En publicidad, el amarillo es el color que más rápidamente capta la atención periférica, lo que lo convierte en el preferido para destacados, precios de oferta y flashes publicitarios. Los tonos más oscuros y apagados como la mostaza (#FFDB58) o el curry (#C8A415) se han convertido en los grandes protagonistas de la decoración de interiores contemporánea, especialmente en combinación con terracota, verde salvia y madera natural.
Psicología del color amarillo: alegría, energía y atención
La psicología del color amarillo es fascinante porque combina los efectos más estimulantes y los más contradictorios del espectro. En su cara positiva, el amarillo es el color de la alegría, el optimismo, la creatividad y la energía mental. Los estudios demuestran que las habitaciones con tonos amarillos claros incrementan la concentración y la actividad cognitiva. Es el color más asociado con la felicidad en la mayoría de las culturas occidentales, lo que explica el éxito del emoji sonriente. Sin embargo, el amarillo también tiene una cara menos amigable: en exceso, puede provocar ansiedad, irritabilidad y cansancio visual; es el color que más rápido fatiga a la vista cuando se usa en grandes superficies. Esta doble naturaleza explica por qué el amarillo funciona mejor como color de acento —en detalles, tipografías, iconos y pequeños elementos gráficos— que como color de fondo dominante. Los tonos suaves como el crema, la vainilla o la mantequilla resuelven este problema elegantemente: mantienen la calidez del amarillo sin la agresividad visual del amarillo puro. Los tonos oscuros como el ocre, la mostaza oscura o el dorado viejo añaden profundidad y sofisticación, llevando el amarillo al terreno del lujo terroso y la autenticidad artesanal.
Cómo elegir el tono de amarillo correcto y su código HEX para tu proyecto
El amarillo es el color más difícil de aplicar correctamente en diseño, y la elección del tono lo es todo. Para diseño web, evita el amarillo puro (#FFFF00) como color de texto o botón —prácticamente ilegible sobre fondo blanco— y opta por amarillos más oscuros y saturados como el solar (#FFC300), el escolar (#FFD800) o el vivo (#FFE600). Para fondos y destacados, los amarillos pálidos como el claro (#FFFFE0), la mantequilla (#FFFACD) o el pastel (#FEFAD4) funcionan muy bien sin saturar la composición. Para branding premium, el dorado (#FFD700), el azafrán (#F4C430) o el dorado viejo (#B8860B) proyectan exclusividad y valor. En cuanto al soporte, el amarillo es uno de los colores que mejor se comporta en la conversión de RGB a CMYK: los amarillos puros y brillantes de pantalla se reproducen razonablemente bien en imprenta. El problema más habitual es con los amarillos muy claros, que pueden desaparecer en papel sin buena calidad. El complementario del amarillo es el morado, combinación de altísimo contraste muy usada en packaging y diseño gráfico de impacto. Con el azul marino crea un dúo clásico de gran elegancia; con el negro maximiza la visibilidad y el dramatismo.
Preguntas frecuentes sobre los tonos de color amarillo
Las dudas más habituales sobre el color amarillo, sus códigos HEX, RGB y CMYK, y cómo aplicarlo correctamente en proyectos de diseño gráfico, web e impresión.
¿Cuál es el código HEX del color amarillo puro?
¿Qué diferencia hay entre amarillo dorado, amarillo mostaza y amarillo ocre?
¿Cómo se representa el color amarillo en RGB?
¿Qué tono de amarillo es mejor para diseño web?
¿Cuáles son los valores CMYK del amarillo para imprenta?
¿Qué colores combinan mejor con el amarillo en diseño?
¿Qué significa el color amarillo en la psicología del color?
¿Cuáles son los tonos de amarillo más usados en diseño profesional?
El amarillo es el color que más energía concentra en el espectro visible: luminoso, estimulante, versátil y culturalmente rico. Desde el marfil más discreto hasta el chartreuse más eléctrico, esta familia cromática tiene un tono para cada proyecto y cada mensaje. Con esta guía de 40 tonos de amarillo tienes los códigos HEX, RGB y CMYK de cada variante listos para copiar y aplicar directamente en tu CSS, Figma, Photoshop o software de preimpresión. Si esta guía te ha sido útil, explora el resto de paletas de colores del blog: rojo, azul, verde, morado y naranja, todas con el mismo sistema interactivo de copia rápida.


