Tonos de Rojo: 17 Tipos y HEX
Estos son los 17 tonos de rojo más usados, del más claro al más oscuro.
Explora todos los tonos de rojo, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores rojo. Haz clic en cualquier tono para copiar su código HEX.
El rojo llega antes que cualquier otra cosa de la página: el ojo lo encuentra primero y el cuerpo reacciona antes que la mente. Por eso significa a la vez oferta y alto.
Usa un solo rojo, no dos: un segundo rojo junto al primero hace que ambos parezcan un error.
- fair pink#ffebeb
- cosmos#ffd2d2
- your pink#ffbaba
- sweet pink#ffa1a1
- vivid tangerine#ff8989
- bittersweet#ff7070
- persimmon#ff5858
- coral red#ff4040
- red orange#ff2727
- red#ff0f0f
- guardsman red#c40000
- bright red#ac0000
- red berry#940000
- maroon#7b0000
- rosewood#630000
- temptress#4a0000
- diesel#1a0000
Rojo: Códigos HEX y RGB
rojo tiene los siguientes códigos de color principales:
HEX: #ffebeb
RGB: (255, 235, 235).
Explora una amplia gama de tonos de rojo con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más claros de rojo
Fair Pink
#ffebeb
Fair Pink
#ffebeb
Chablis
#fff0f0
Chablis
#fff0f0
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fffafa
Rose White
#fffafa
White
#ffffff
Explora los tonos más oscuros de rojo
Aubergine
#340909
Brown Derby
#4c1515
Irish Coffee
#652525
Lotus
#813b3b
Au Chico
#9b5555
Turkish Rose
#b47474
Oriental Pink
#cc9494
Cavern Pink
#e5bdbd
rojo en HEX, RGB, HSL y CMYK
| HEX | #FF0000 | |
|---|---|---|
| RGB | rgb(255, 0, 0) | |
| HSL | hsl(0, 100%, 50%) | |
| CMYK | cmyk(0%, 100%, 100%, 0%) |
Tonos claros y oscuros de rojo
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ff2727
#ff4e4e
#ff7575
#ff9c9c
#ffc4c4
#ffebeb
Más oscuros
#d80000
#b10000
#8a0000
#630000
#3b0000
#140000
Colores que combinan con rojo
Complementario
#FF0000 #00ffff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ff0080 #FF0000 #ff8000
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FF0000 #00ff00 #0000ff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre rojo
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de rojo
Haz clic derecho para guardar la carta, o copia los códigos de arriba.