Códigos html y css del color #aa0011
En la siguiente tabla tienes los diferentes valores y códigos del color #aa0011.
Color #aa0011 códigos: hex - rgb - rgba - hsl - cmyk - hsv
color | hexadecimal | rgb | rgba | hsl | cmyk | hsv | muestra |
---|---|---|---|---|---|---|---|
#aa0011 | #aa0011 | rgb(170,0,17) | rgba(170,0,17,0.7) | hsl(354,100%,34%) | cmyk(0,100,90,34) | hsv(354, 100%, 67%) |
¿Cómo es el color #aa0011 en rgb?
El color #aa0011 en formato RGB esta compuesto por (170 en el canal rojo), por (0 en el canal verde) y (17 en el azul)
¿Cómo es el color #aa0011 en cmyk?
Esta compuesto por (0%) de cian, (100%) de magenta, (90%) de yellow / amarillo, (34%) de key / negro.
¿Cómo esta compuesto el color #aa0011 en formato hsl?
Esta compuesto por (354°) de hue , (100%) de saturation y (34%) de lightness.
¿Cómo es el color #aa0011 en formato hsv?
el color #aa0011 en formato hsv esta compuesto por (354°) de hue , (100%) de saturation y (67%) de value.
Esquema de color #aa0011: Complementario, Análogos, Dividido, Tríada, Tetrádica del color
Los esquemas de colores combinaciones agradables creadas a partir de la posición que ocupan en la rueda de colores o circulo cromático, Aprende más acerca de los esquemas de colores.
Color complementario del #aa0011
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
Colores análogos del #aa0011
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
Esquema triádico del color #aa0011
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
Esquema complementario dividido del color #aa0011
Los esquemas divididos se obtienen a partir de los colores complementarios pero usando dos colores adyacentes del opuesto complemento. Son más versatiles y fáciles de combinar.
Esquema tetrádico del color #aa0011
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
Esquema monocromático del color #aa0011
Sombras, tintes y tonos del color #aa0011
Descubre diferentes tonos, matices del color azul en formato de gradiente.
Sombras del Color #aa0011
Estas sombras se obtienen a partir del color #aa0011 como base hasta llegar al negro.
Tintes del Color #aa0011
Los tintes los obtenemos a partir del color #aa0011 como base hasta llegar al blanco.
Tonos del Color #aa0011
Los tonos se obtiene a partir de color #aa0011 como base hasta llegar al gris.
Verfificar el contraste del color #aa0011
A continuación puedes validar la relación de contraste del color#aa0011 ya sea usandolo como color de fondo o de texto.
Prueba de contrast ratio del color #aa0011 como fondo
Prueba de contrast ratio del color #aa0011 como texto
Cómo implementar el color #aa0011 en html y css
A continuación tienes ejemplos de códigos para usar el #aa0011 en tu página web. Recuerda que puedes implementar el color en html usando los códgios 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 #aa0011 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:#aa0011;">Color #aa0011 como fondo de un div</div>
/*Color #aa0011 como fondo de la etiqueta body con css*/body {background: #aa0011;}
Poner el texto de color #aa0011 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:#aa0011;">Color #aa0011 como color de texto.</p>
p {color:#aa0011 ;}