Códigos html del color fucsia - hexadecimal + rgb
Descubre todos los códigos html del color fucsia - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color fucsia.
#FF0080
Color Complementario del fucsia:
El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).
#00ff7f
Esquema monocromático del color fucsia
#820025
#a4003d
#c80057
#ec0072
#ff368f
#ff65ae
#ff88cf
#ffa7f0
Este esquema tiene como base el color fucsia y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.
Códigos html y css del color fucsia
| formato | código |
|---|---|
| hex | #ff0080 |
| rgb | rgb(255,0,128) |
| hsl | hsl(330,100%,50%) |
| cmyk | cmyk(0, 100, 50, 0) |
| hsv | hsv(330, 100%, 100%) |
¿Cómo es el color fucsia en rgb?
El color fucsia en formato RGB esta compuesto por (255 en el canal rojo), por (0 en el canal verde) y (128 en el azul)
¿Cómo es el color fucsia en cmyk?
Esta compuesto por (0%) de cian, (100%) de magenta, (50%) de yellow / amarillo, (0%) de key / negro.
¿Cúal es la composición del color fucsia en hsl?
Esta compuesto por (330°) de hue , (100%) de saturation y (50%) de lightness.
¿Cómo es el color fucsia en formato hsv?
el color fucsia en formato hsv esta compuesto por (330°) de hue , (100%) de saturation y (100%) de value.
Esquema análogo del color fucsia
Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático
#ff0080
#ff0000
#ff00ff
Esquema tríada del color fucsia
El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático
#ff0080
#80ff00
#0080ff
Esquema tetrádico del color fucsia
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#ff0080
#ffff00
#00ff7f
#0000ff
Esquema complementario dividido del color fucsia
Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.
#ff0080
#ffb200
#00e6ff
Tintes del color fucsia
Los tintes los obtenemos a partir del color fucsia como base hasta llegar al blanco encontrando en medio tonos de colores pastel
#ff0080
#ff3399
#ff66b3
#ff99cc
#ffcce6
#ffffff
Sombras del color fucsia
Estas sombras se obtienen a partir del color fucsia como base hasta llegar al negro.
#ff0080
#cc0066
#99004d
#660033
#33001a
#000000
Verificar el contraste del color fucsia
A continuación puedes validar la relación de contraste del color fucsia ya sea usándolo como color de fondo o de texto.
Cambiar el color del texto
Relación de contraste: 3.77
Prueba de contrast ratio del color fucsia como fondo
Cambiar el color de fondo
Relación de contraste: 4.14
Prueba de contrast ratio del color fucsia como texto
Cómo implementar el color fucsia en html y css
A continuación tienes ejemplos de códigos para usar el fucsia 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 fucsia 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:#FF0080;"> Color fucsia como fondo de un div</div>
/* Color fucsia como fondo de la etiqueta body con css */body {background: #FF0080;}
Poner el texto de color fucsia 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:#FF0080;"> Color fucsia como color de texto.</p>
p {color:#FF0080 ;}