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

¿Qué cuenta como un tono de naranja?

El naranja es la banda estrecha entre el rojo y el amarillo, aproximadamente entre 15° y 45° de matiz, y es la familia donde los nombres más trabajan. Los 17 tonos empiezan con el apenas teñido Melocotón #FFE5B4 y el Albaricoque #FBCEB1, pasan por Coral #FF7F50 y Tomate #FF6347, alcanzan el naranja puro #FFA500 y terminan en los tonos tierra: Naranja Quemado #CC5500, Óxido #B7410E y Bronce #CD7F32.

La familia se divide limpiamente en dos. Por encima del naranja están los nombres de fruta — Mandarina #F08000, Calabaza #FF7518, Caqui #EC5800 —, todos vivos, saturados y lo bastante cálidos como para brillar sobre blanco. Por debajo, la saturación se desploma y los colores se vuelven minerales: Óxido y Bronce son lo que queda del naranja cuando le quitas la luz, y por eso funcionan como neutros en una paleta mientras que el extremo brillante nunca podrá.

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 naranja

El naranja se lee como enérgico sin la amenaza del rojo. Es el color estándar para llamadas a la acción que buscan entusiasmo y no alarma, y resulta inusualmente visible tanto sobre fondos oscuros como a plena luz del día: por eso convergieron en él los chalecos reflectantes, los conos de tráfico y las balsas salvavidas.

Estacionalmente es el color más cargado de los doce. Calabaza y Naranja Quemado arrastran el otoño y Halloween casi de forma automática, y Ámbar #FFBF00 y Caléndula #EAA221 tiran hacia la cosecha y la calidez. Usado todo el año en marcas, transmite accesibilidad y buen precio, y por eso las aerolíneas de bajo coste y las tiendas de bricolaje vuelven a él una y otra vez.

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

rojoamarilloverdecianazulmoradorosamarróngrisnegroblancoTodas las familias