Códigos html del color morado - hexadecimal + rgb
Descubre todos los códigos html del color morado - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color morado.
#a349a4
Color Complementario del morado:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#4aa449
Esquema monocromático del color morado
#3a0040
#56145b
#742977
#933e95
#b059b1
#ca79ca
#e499e4
#ffb9ff
Este esquema tiene como base el color morado y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color morado
| formato | código |
|---|---|
| hex | #a349a4 |
| rgb | rgb(163,73,164) |
| hsl | hsl(300,39%,47%) |
| cmyk | cmyk(1, 56, 0, 36) |
| hsv | hsv(300, 56%, 65%) |
¿Cómo es el color morado en rgb?
El color morado en formato RGB esta compuesto por (163 en el canal rojo), por (73 en el canal verde) y (164 en el azul)
¿Cómo es el color morado en cmyk?
Esta compuesto por (1%) de cian, (56%) de magenta, (0%) de yellow / amarillo, (36%) de key / negro.
¿Cúal es la composición del color morado en hsl?
Esta compuesto por (300°) de hue , (39%) de saturation y (47%) de lightness.
¿Cómo es el color morado en formato hsv?
el color morado en formato hsv esta compuesto por (300°) de hue , (56%) de saturation y (65%) de value.
Esquema análogo del color morado
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#a749a7
#a74978
#7849a7
Esquema tríada del color morado
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#a349a4
#a4a349
#49a4a3
Esquema tetrádico del color morado
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#a349a4
#a47549
#4aa449
#4977a4
Esquema complementario dividido del color morado
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#a349a4
#a45a49
#49a47f
Tintes del color morado
Los tintes los obtenemos a partir del color morado como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#a349a4
#b56db6
#c892c8
#dab6db
#eddbed
#ffffff
Sombras del color morado
Estas sombras se obtienen a partir del color morado como base hasta llegar al negro.
#a349a4
#823a83
#622c62
#411d42
#210f21
#000000
Verificar el contraste del color morado
A continuación puedes validar la relación de contraste del color morado ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 5.19
Prueba de contrast ratio del color morado como fondo
Cambiar el color de fondo
Relación de contraste: 3.01
Prueba de contrast ratio del color morado como texto
Cómo implementar el color morado en html y css
A continuación tienes ejemplos de códigos para usar el morado en tu página web. Recuerda que puedes implementar el color en html usando los códigos de colores ya sea hexadecimal rgb o hsl y también directamente con el nombre de color escrito en inglés (siempre y cuando sea soportado nativamente por html)
Color morado de fondo en html - css
Para poner el color de fondo puedes usar estilos en línea o también aplicarlos en una hoja css
<div style="background:#a349a4;"> Color morado como fondo de un div</div>
/* Color morado como fondo de la etiqueta body con css */body {background: #a349a4;}
Poner el texto de color morado en html - css
Para poner el color de texto puedes usar estilos en línea o también aplicarlos en una hoja css
<p style="color:#a349a4;"> Color morado como color de texto.</p>
p {color:#a349a4 ;}