Códigos html del color amarillo - hexadecimal + rgb
Descubre todos los códigos html del color amarillo - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color amarillo.
#ffff00
Color Complementario del amarillo:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#0000ff
Esquema monocromático del color amarillo
#879200
#a8b000
#cacf00
#edef00
#ffff34
#ffff61
#ffff83
#ffffa2
Este esquema tiene como base el color amarillo y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color amarillo
| formato | código |
|---|---|
| hex | #ffff00 |
| rgb | rgb(255,255,0) |
| hsl | hsl(60,100%,50%) |
| cmyk | cmyk(0, 0, 100, 0) |
| hsv | hsv(60, 100%, 100%) |
¿Cómo es el color amarillo en rgb?
El color amarillo en formato RGB esta compuesto por (255 en el canal rojo), por (255 en el canal verde) y (0 en el azul)
¿Cómo es el color amarillo en cmyk?
Esta compuesto por (0%) de cian, (0%) de magenta, (100%) de yellow / amarillo, (0%) de key / negro.
¿Cúal es la composición del color amarillo en hsl?
Esta compuesto por (60°) de hue , (100%) de saturation y (50%) de lightness.
¿Cómo es el color amarillo en formato hsv?
el color amarillo en formato hsv esta compuesto por (60°) de hue , (100%) de saturation y (100%) de value.
Esquema análogo del color amarillo
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#ffff00
#80ff00
#ff8000
Esquema tríada del color amarillo
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#ffff00
#00ffff
#ff00ff
Esquema tetrádico del color amarillo
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#ffff00
#00ff80
#0000ff
#ff0080
Esquema complementario dividido del color amarillo
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#ffff00
#00ff33
#9900ff
Tintes del color amarillo
Los tintes los obtenemos a partir del color amarillo como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#ffff00
#ffff33
#ffff66
#ffff99
#ffffcc
#ffffff
Sombras del color amarillo
Estas sombras se obtienen a partir del color amarillo como base hasta llegar al negro.
#ffff00
#cccc00
#999900
#666600
#333300
#000000
Verificar el contraste del color amarillo
A continuación puedes validar la relación de contraste del color amarillo ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 1.07
Prueba de contrast ratio del color amarillo como fondo
Cambiar el color de fondo
Relación de contraste: 14.54
Prueba de contrast ratio del color amarillo como texto
Cómo implementar el color amarillo en html y css
A continuación tienes ejemplos de códigos para usar el amarillo 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 amarillo 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:#ffff00;"> Color amarillo como fondo de un div</div>
/* Color amarillo como fondo de la etiqueta body con css */body {background: #ffff00;}
Poner el texto de color amarillo 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:#ffff00;"> Color amarillo como color de texto.</p>
p {color:#ffff00 ;}