Color Rojo: código #FF0000

Rojo

#FF0000

Códigos del color

  • HEX#FF0000
  • RGBrgb(255, 0, 0)
  • HSLhsl(0, 100%, 50%)
  • HSVhsv(0, 100%, 100%)
  • CMYKcmyk(0%, 100%, 100%, 0%)
  • LABlab(53.2% 80.1 67.2)
  • OKLCHoklch(62.8% 0.258 29.2)

Sobre el color Rojo

Rojo tiene el código HEX #FF0000, que corresponde a rgb(255, 0, 0) en el modelo RGB. En el círculo cromático, su tono está en 0°, con 100% de saturación y 50% de luminosidad (hsl(0, 100%, 50%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 5,25:1 sobre él, frente a 3,99:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 100%, 100%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Rojo

Complementaria

#FF0000 · #00FFFF

Análoga

#FF0080 · #FF0000 · #FF8000

Tríada

#FF0000 · #00FF00 · #0000FF

Tetrádica

#FF0000 · #80FF00 · #00FFFF · #8000FF

Complementaria dividida

#FF0000 · #00FF80 · #0080FF

Monocromática

#800000 · #CC0000 · #FF0000 · #FF4D4D · #FF9999

Rojo con texto blanco y negro

Texto blanco Aa Bb Cc 123
3,99:1 · solo texto grande
Texto negro Aa Bb Cc 123
5,25:1 · AA

Prueba otras combinaciones en el verificador de contraste

El rojo #FF0000 es el canal R de tu monitor al máximo, con los otros dos apagados. Es el rojo más “crudo” que puede mostrar una pantalla, y justo por eso casi nunca aparece puro en un proyecto bien resuelto: lo habitual es partir de él y ajustar la luminosidad o desplazarlo un poco hacia el naranja o el carmesí.

Significado y percepción

En buena parte de Occidente, el rojo se asocia con pasión, energía, urgencia y peligro; las señales de “Pare” o “Alto” y los semáforos refuerzan esa lectura de alerta a diario. En China y otras culturas del este de Asia simboliza suerte y celebración y está presente en bodas y en el Año Nuevo lunar, mientras que en algunas zonas de Sudáfrica se vincula con el luto. Por eso, cualquier “significado” depende del contexto: el mismo rojo anuncia rebajas en un escaparate y marca un error en un formulario. Profundiza en la guía de psicología del color.

Dónde funciona el rojo

Interfaces y web

Es la convención para errores, borrados y avisos. Úsalo con moderación: si todo es rojo, nada parece urgente. En botones destructivos (“Eliminar cuenta”), un rojo algo más oscuro que #FF0000 transmite seriedad sin gritar.

Moda y decoración

Una prenda roja concentra la mirada, así que funciona mejor como punto focal: un labial, unos zapatos, un sillón o la puerta de entrada. Para una pared completa, tonos más cerrados como el vino o el marsala cansan menos.

Impresión

En CMYK, el rojo se obtiene con magenta y amarillo al 100%. Impreso suele verse menos luminoso que en pantalla, así que pide una prueba de color antes de aprobar un envase o un cartel.

Cómo combinarlo

Consejo de contraste: el texto blanco sobre #FF0000 tiene un contraste de 4,0:1, por debajo del mínimo de 4,5:1 que exige la WCAG para texto normal. El texto negro llega a 5,25:1. Si necesitas texto blanco, oscurece el rojo hasta algo como #D00000 y compruébalo en el verificador de contraste. Recuerda además que las personas con daltonismo rojo-verde pueden no distinguir el rojo de error del verde de éxito: acompaña el color con un icono o un texto.

Cómo usarlo en CSS

:root {
  --color-red: #FF0000;
  --color-red-rgb: 255, 0, 0;
}

.elemento {
  background-color: var(--color-red);
  color: #000000;
}