Aprende a resaltar diferentes combinaciones de colores de tu código en Visual Studio.

Cómo resaltar colores (rgb, hex, hsl, rgba) en Visual Studio Code

En este breve tutorial, le explicaremos rápidamente cómo instalar el paquete Color Highlight para resaltar cualquier color en su pestaña de código activo en Visual Studio Code.

Busque e instale Color Highlight

Abra Visual Studio Code y vaya a la pestaña Extensiones, busque el paquete Color Highlight y haga clic en instalar:

Color Highlight Instalar Visual Studio

Esta extensión aplica estilos a los colores css / web que se encuentran en su documento, sea cual sea la sintaxis (CSS, Java, HTML, Python, etc.). Si detecta un código de color con alguna de estas sintaxis:

  • HEX
  • RGB
  • RGBA
  • HSL

Se destacará, incluso cuando esté dentro de comentarios del lenguaje de programación. Para obtener más información sobre este paquete, visite el repositorio oficial en Github aquí .


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores