Color Info

Provides quick information about css colors.

Color Info - Visual Studio Marketplace

About

Color Info is a useful extension for Visual Studio Code that provides quick information about CSS colors, making it a valuable tool for web developers and designers who work with CSS, Sass, Scss, or Less documents. By hovering over a CSS color, users can access additional information that can aid in their development process. This extension is particularly helpful for those who need to work efficiently with various color formats and values.

Details

The following features are included in the Color Info extension:

  • rgb – RGB color values (enabled by default)
  • hsl – HSL color values (enabled by default)
  • css-color-name - Name of the color (e.g., red, blue)
  • hsv – HSV color values
  • lab – LAB color values
  • lch – LCHab color values
  • cmyk – CMYK color values (enabled by default)
  • hex – Hex value (enabled by default)
  • alpha – Alpha value (enabled by default)
  • preview – Preview of the color (enabled by default)
  • preview-xl – Larger preview of the color
  • preview-square – Square preview of the color
  • preview-square-xl – Larger square preview of the color

Users can customize which fields are displayed

Related tools

Tabnine

Tabnine is an AI code completion tool that works on any IDE and supports all programming languages.

AIVSCode
I18n Ally

🌍 All in one i18n extension for VS Code.

VSCode
Prettier

Prettier is an opinionated code formatter.

VSCode
ESLint

Find and fix problems in your JavaScript code.

VSCode
GitLens

GitLens supercharges the Git capabilities built into Visual Studio Code.

VSCode
Shortcut Masters

Master hundreds of vscode shortcuts using the power of spaced repetition

DevelopmentProductivity