Preloader
Others
  • Estimated reading time: 1 Minute

How to highlight colors (rgb, hex, hsl, rgba) in Visual Studio Code

How to highlight colors (rgb, hex, hsl, rgba) in Visual Studio Code

In this very short tutorial, we'll explain you quickly how to install the Color Highlight package to highlight any color in your active code tab in Visual Studio Code.

Search and install Color Highlight

Open Visual Studio Code and go to the Extensions tab and search for the Color Highlight package and click on install:

Color Highlight Install Visual Studio

This extension styles css/web colors found in your document, whatever the syntax it is (CSS, Java, HTML, Python etc). If it detects a color code with any of these syntax:

  • HEX
  • RGB
  • RGBA
  • HSL

It will be highlighted, even when it's inside commentaries of the programming language. For more information about this package, please visit the official repository at Github here.

Share:
Carlos Delgado

Carlos Delgado

Senior Software Engineer at Software Medico. Interested in programming since he was 14 years old, Carlos is a self-taught programmer and founder and author of most of the articles at Our Code World.

Related articles
How Social Media Accelerates Fashion Trends Worldwide
26 Jun, 2026
  • Estimated reading time: 6 Minutes
How Hackers Target Travelers (and How to Avoid It)
26 Jun, 2026
  • Estimated reading time: 3 Minutes
How AI Text-to-Speech Is Transforming Content Creation in 2026
26 Jun, 2026
  • Estimated reading time: 4 Minutes
ByteDance Unveils Seedance 2.5: Next-Gen AI Video in CapCut
26 Jun, 2026
  • Estimated reading time: 4 Minutes
Weekly trending
Our Sponsors

Our blog is proudly supported by industry-leading sponsors.