HTML Color de Enlace

Colorear enlaces HTML puede ser una gran manera de distinguirlos de su texto regular, o agregar un poco de estilo a su sitio web. Aquí le mostraremos cómo el color Hex enlaces HTML utilizando códigos de color, RGB y HSL valores y nombres de colores HTML.

Color de vínculo con los códigos de color Hex

Para empezar vamos a utilizar un código de color Hex, probablemente, el método más común de añadir color a los vínculos. En la etiqueta delimitadora de HTML (<a>), después del atributo href, inserte un atributo de estilo con la propiedad color de su código Hex de color (en nuestro caso #FF0000). 

HTML

<body>
  <a href="http://example.com/" style="color:#FF0000;">Red Link</a>
</body>
Demo en CodePen

Muy fácil, ¿verdad? Si usted necesita un código Hex de color o desea examinar algunas combinaciones de colores, consulte nuestro selector de color y tabla de colores.

Enlace color utilizando nombres de colores HTML

Nombres de colores HTML son a menudo más legible que sus contrapartes de código Hex, y puede utilizarse en la misma forma. Sustituir el código Hex de color con el nombre de color HTML del ejemplo anterior y voila, el código es muy claro. 

HTML

<body>
  <a href="http://example.com/" style="color:red;">Red Link</a>
</body>
Demo en CodePen

Ahora, sólo hay 140 denominada colores HTML, pero eso debe ser suficiente para empezar; incluso hemos enumerado a todos aquí si usted es curioso.

Color de vínculo con los valores de los colores RGB

Una tercera forma de estilo texto enlace a tu web es mediante los valores RGB. El ajuste de los valores de rgb() les permite ser utilizada dentro de una página web, como si se tratara de un código Hex o nombre de color. 

HTML

<body>
  <a href="http://example.com/" style="color:rgb(255,0,0);">Red Link</a>
</body>
Demo en CodePen

Usando valores RGB tiene la ventaja adicional de permitir un control sobre la opacidad del color. Sustituir rgb() con rgba() y puede especificar un cuarto valor entre 0 y 1 (0 para totalmente transparente, 1 para totalmente opaco). 

HTML

<body>
  <a href="http://example.com/" style="color:rgba(255,0,0,0.5);">Red Link</a>
</body>
Demo en CodePen

Color de vínculo con los valores de color HSL

HSL, que significa el tono, la saturación y la luminosidad, son otro conjunto de valores de color soportado por la mayoría de los exploradores modernos (IE9+).Al igual que la señal RGB, puede ajustar el interior los valores HSL hsl() y utilizarlos en su página web, a continuación. 

HTML

<body>
  <a href="http://example.com/" style="color:hsl(0,100%,50%);">Red Link</a>
</body>
Demo en CodePen

HSL también admite un canal alfa, y sigue el mismo formato de RGB; utilizar aceros hsla() en lugar de hsl(), yagregar un cuarto valor de opacidad entre 0 y 1. 

HTML

<body>
  <a href="http://example.com/" style="color:hsla(0,100%,50%,0.5);">Red Link</a>
</body>
Demo en CodePen