17 Tonos Diferentes de Color Rojo (+ Códigos HEX)
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 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.