Códigos html del color ladrillo - hexadecimal + rgb
Descubre todos los códigos html del color ladrillo - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color ladrillo.
#b22222
Color Complementario del ladrillo:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#22b2b2
Esquema monocromático del color ladrillo
#450000
#62070e
#811116
#a11c1e
#be372f
#d45a4a
#ea7a67
#ff9985
Este esquema tiene como base el color ladrillo y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color ladrillo
| formato | código |
|---|---|
| hex | #b22222 |
| rgb | rgb(178,34,34) |
| hsl | hsl(0,68%,42%) |
| cmyk | cmyk(0, 81, 81, 31) |
| hsv | hsv(0, 81%, 70%) |
¿Cómo es el color ladrillo en rgb?
El color ladrillo en formato RGB esta compuesto por (178 en el canal rojo), por (34 en el canal verde) y (34 en el azul)
¿Cómo es el color ladrillo en cmyk?
Esta compuesto por (0%) de cian, (81%) de magenta, (81%) de yellow / amarillo, (31%) de key / negro.
¿Cúal es la composición del color ladrillo en hsl?
Esta compuesto por (0°) de hue , (68%) de saturation y (42%) de lightness.
¿Cómo es el color ladrillo en formato hsv?
el color ladrillo en formato hsv esta compuesto por (0°) de hue , (81%) de saturation y (70%) de value.
Esquema análogo del color ladrillo
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#b42222
#b46b22
#b4226b
Esquema tríada del color ladrillo
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#b22222
#22b222
#2222b2
Esquema tetrádico del color ladrillo
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#b22222
#6ab222
#22b2b2
#6a22b2
Esquema complementario dividido del color ladrillo
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#b22222
#95b222
#225cb2
Tintes del color ladrillo
Los tintes los obtenemos a partir del color ladrillo como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#b22222
#c14e4e
#d17a7a
#e0a7a7
#f0d3d3
#ffffff
Sombras del color ladrillo
Estas sombras se obtienen a partir del color ladrillo como base hasta llegar al negro.
#b22222
#8e1b1b
#6b1414
#470e0e
#240707
#000000
Verificar el contraste del color ladrillo
A continuación puedes validar la relación de contraste del color ladrillo ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 6.68
Prueba de contrast ratio del color ladrillo como fondo
Cambiar el color de fondo
Relación de contraste: 2.34
Prueba de contrast ratio del color ladrillo como texto
Cómo implementar el color firebrick en html y css
A continuación tienes ejemplos de códigos para usar el firebrick 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 firebrick 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:#b22222;"> Color firebrick como fondo de un div</div>
/* Color firebrick como fondo de la etiqueta body con css */body {background: #b22222;}
Poner el texto de color firebrick 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:#b22222;"> Color firebrick como color de texto.</p>
p {color:#b22222 ;}