Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Color TracrNew to Visual Studio Code? Get it now.
Color Tracr

Color Tracr

XulbuX

| (0) | Free
| Sponsor
Fast, readable color marking in the editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Color Tracr

Fast, readable web color marking in the editor.

This VS Code extension provides blazing fast color marking for modern web formats, including CSS variables, Tailwind classes, and wide-gamut colors.


🎨 To get a better feeling of how the markers look on your code, continue at the previews.


Enjoying this extension? Have suggestions?

Please consider leaving a review on the Visual Studio Marketplace or giving a ⭐ on GitHub.



Features 📋

Feature Description
Standard Colors HEX, RGB, HSL, HWB, OKLCH, OKLAB
Named Colors Standard CSS color keywords (e.g., red, transparent, …)
Tailwind CSS Classes like bg-red-500, text-blue-200/50, border-slate-900, …
Variable Tracing Cross-file detection and marking of CSS variables (e.g., var(--primary-color))


Extension Previews ✨

CSS

CSS | Color Markers

TypeScript

TypeScript | Color Markers





✨ Always creating more cool stuff for you! ✨ —⠀XulbuX

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft