Códigos html y css del color magenta

Color magenta códigos: hex - rgb - rgba - hsl - cmyk - hsv

ColorNombreHEXADECIMALRGBRGBAHSLCMYKHSV
magenta#ff00ffrgb(255,0,255)rgba(255,0,255,0.7)hsl(300,100%,50%)cmyk(0,100,0,0)hsv(300, 100%, 100%)

Esquemas y armonías del color magenta: Complementario, Análogos, Dividido, Tríada, Cuadrado, Tetrádica

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 magenta

El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).

#ff00ff
#00ff00

Colores análogos del magenta

Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático

#ff00ff
#9900ff
#cc00ff
#ff00ff
#ff00cc
#ff0099

Esquema triádico

El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático

#ff00ff
#ffff00
#00ffff

Esquema complementario dividido

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.

#ff00ff
#ff3300
#00ff99

Esquema tetrádico

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#ff00ff
#ff8000
#00ff00
#007fff

Esquema monocromático del color magenta

#ff00ff
#2a002a
#550055
#800080
#aa00aa
#d400d4

Como usar e implementar el magenta en nuestra página web con html y css

A continuación tienes ejemplos de códigos para usar el magenta en tu página web. Se puede implementar de las dos formas con un código hexadecimal o de otro formato, y también directamente con el nombre de color escrito en inglés (siempre y cuando sea soportado nativamente por html).

Color magenta como background o fondo

<div style="background:#ff00ff;">Color #ff00ff como fondo.</div>
body {
  background: #ff00ff;
}

color magenta en el texto de tú página web

<p style="color:#ff00ff;">Color #ff00ff como color de texto.</p>
p {
  color: #ff00ff;
}

Variantes, tonos, degradados, sombras del color magenta monocromático

Descubre diferentes tonos, matices del color magenta en formato de gradiente.

Sombras del color magenta

Estas sombras se obtienen a partir del color magenta como base hasta llegar al negro.

#ff00ff
#e300e3
#c600c6
#aa00aa
#8e008e
#710071
#550055
#390039
#1c001c
#000000

Tintes del color magenta

Los tintes los obtenemos a partir del color magenta como base hasta llegar al blanco.

#ff00ff
#ff1cff
#ff39ff
#ff55ff
#ff71ff
#ff8eff
#ffaaff
#ffc6ff
#ffe3ff
#ffffff

Tonos del color magenta

Los tonos se obtiene a partir de un color como base hasta llegar al gris.

#ff00ff
#e906e9
#d20cd2
#bc12bc
#a618a6
#8f1e8f
#792479
#632a63
#4c304c
#363636

Imágenes del color magenta

magenta hexadecimal#ff00ff
magenta rgbrgb(255, 0, 255)
magenta hslhsl(300, 100%, 50%)