Selector de colores html (color picker)

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

colorhexadecimalrgbrgbahslcmykhsvmuestra
#aa0011#aa0011rgb(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.

Cambiar el color del texto
Relación de contraste: 7.73

Prueba de contrast ratio del color #aa0011 como fondo

Cambiar el color de fondo
Relación de contraste: 2.02

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 ;
}