El rojo es un tono audaz y vívido que se encuentra entre naranja y morado en el círculo cromático. Al ser uno de los tres colores primarios en el espacio de color RGB, el rojo no se puede crear mezclando otros colores. En cambio, de él se derivan otros colores. Esto incluye tonos más profundos como granate y burdeos hasta matices más suaves como el rojo rosado.
El rojo se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FF2C2C
- Valor RGB: 100% rojo, 17.3% verde y 17.3% azul
Aquí hay algunas formas de usar el rojo en tus diseños:
- Fomentar la acción. Puedes usar el rojo para advertencias, mensajes de error o botones de llamada a la acción. El color crea una sensación de urgencia, animando a los usuarios a interactuar con los elementos o tomar acción.
- Provocar respuestas emocionales. El rojo puede evocar emociones fuertes, como pasión, amor o emoción. Por eso, los tonos de rojo a menudo representan “me gusta” en aplicaciones sociales.
- Establecer jerarquía visual. El rojo funciona bien para establecer jerarquía visual en los diseños, usando su audacia para atraer la atención a los elementos visuales más importantes de un diseño. Esto facilita que el espectador priorice visualmente los elementos críticos sobre los menos importantes.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro de color rico que el rojo, considera:
- Rojo anaranjado (#FF4B33) comparte la misma vibrancia que el rojo, pero el toque de naranja añade un poco más de brillo.
- Escarlata (#ED2100) combina rojo y naranja pero se inclina más hacia el rojo para un tono audaz y sofisticado.
- Rojo pastel (#FF746C) es un tono rojo suave y apagado que añade un toque de suavidad.
- Rojo rosado (#FA003F) es un tono rojo-rosado suave que emana un matiz similar al de una rosa.
Para complementar el rojo, considera combinarlo con:
- Aqua (#00FFF0) se combina hermosamente con el rojo para crear una combinación de colores sutil y calmante.
- Naranja claro (#FFDBBB) crea una paleta de colores cálida y ardiente cuando se combina con el rojo.
- Rosa claro (#FFC5CB) se combina bien con este tono rosado para diseños románticos e íntimos.
- Crema (#FDFBD4) es un tono amarillo pálido que crea una paleta de colores cálida y elegante cuando se combina con el rojo.
- Azul marino (#000080) crea una sensación tradicional pero sofisticada cuando se usa con diferentes tonos de rojo.
Otros colores que combinan bien con el rojo incluyen tonos neutros como blanco, gris, negro y algunos tonos de marrón. Estos colores ayudan a atenuar la intensidad del rojo mientras ofrecen un estilo de diseño moderno y elegante.
Aunque el rojo es versátil, puede chocar con:
- Verde (#008000) y rojo son colores complementarios, pero los espectadores con deficiencia de visión de color generalmente tienen dificultad para distinguir uno del otro.
- Magenta (#FF00FF) y rojo pueden ser visualmente abrumadores cuando se usan juntos, dificultando que los elementos de diseño individuales se destaquen.
- Púrpura neón (#BC13FE) puede chocar con la vibrancia del rojo, creando un efecto visual distractor y fuerte.
- Amarillo (#FFFF00) esaltamente saturado, lo que puede parecer abrumador junto al rojo.
Según la psicología del color, el rojo simboliza amor, pasión, fuerza y deseo. Pero también puede despertar sentimientos de peligro y enojo. La capacidad del rojo para evocar una amplia gama de emociones profundas es lo que lo hace un color tan especial y decadente.
El rojo es un color simbólico en muchas culturas diferentes. En las culturas china y japonesa, el rojo simboliza prosperidad, buena fortuna y alegría, por lo que es un color tan prominente en bodas y celebraciones. En India, el rojo simboliza pureza, fertilidad y felicidad matrimonial. Hoy en día, el rojo es un símbolo de romance, pero también puede simbolizar advertencias en los diseños.
Dado que el rojo tiene muchos significados culturales diferentes, es importante considerar cómo usas el color, especialmente cuando diseñas para una audiencia global.
Aunque el origen preciso es desconocido, los etimólogos han rastreado el nombre “rojo” hasta la palabra protoindoeuropea “reudh”. Muchas variaciones de la palabra existieron antes de evolucionar a “rojo” en inglés moderno. En muchas culturas diferentes, fue el primer color nombrado aparte de negro y blanco.
El color rojo se remonta a tiempos prehistóricos cuando los primeros humanos usaban arcilla roja como pigmento de color para pintar cuevas y cuerpos. Históricamente, el color audaz del rojo ha representado sangre, poder, vida y riqueza.
En el antiguo Egipto, el rojo simbolizaba vida y renacimiento, pero también se asociaba con destrucción y maldad. Este color llamativo y memorable fue—y sigue siendo—prominente en el arte, cosméticos y ceremonias religiosas.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Romance Rojo
Saludos de Temporada
Kit de Labios
Verificador de contraste
Contraste 3,72
- Texto grande
#FF2C2C
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 5,65
- Texto grande
#FF2C2C
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ff2c2c, también conocido como Rojo, tiene valores RGB de R:255, G:44, B:44 y valores CMYK de C:0, M:83, Y:83, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff2c2c | #ff2c2c |
| RGB DECIMAL | 255, 44, 44 | RGB(255,44,44) |
| RGB PERCENTAGE | 100.0, 17.3, 17.3 | RGB(100.0%,17.3%,17.3%) |
| CMYK | 0, 83, 83, 0 | |
| HSL | HSL(0.0, 100.0%, 58.6%) | HSL(0.0, 100.0%, 58.6%) |
| HSV (OR HSB) | 0.0°, 82.7, 100.0 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11111111, 00101100, 00101100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.173, blue: 0.173) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.173, blue: 0.173, alpha: 1) | |
| Android - Compose | Color(0xFFFF2C2C) |
