Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Name That ColorNew to Visual Studio Code? Get it now.

Name That Color

Guillaume Doutriaux

|
14,249 installs
| (3) | Free
Get a friendly name from a Hex color representation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Name That Color

A VS Code Plugin to convert hex or rgb color representation into friendly names built upon Chirag Mehta's ntc.js.

Badge for version for Visual Studio Code extension Name That Color Installs Downloads

MIT License

Features

  • Get a friendly name from color representation
  • Generate Sass or CSS variables name from color representation
  • Deals with close color representations (return the same name)
  • Works with single, multiple and block selections
  • Works with Hex and RGB

Usage

Get color name

  • Select a color
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX),
  • Select Name that color : get color name

feature get color name

Replace selectin with color name

  • Select a color
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX),
  • Select Name that color : replace selection

feature replace color code with friendly name

Generate Sass variable

  • Select a color
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX),
  • Select Name that color : generate Sass variable

feature generate sass variable

Generate CSS variable

  • Select a color
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX),
  • Select Name that color : generate CSS variable

feature generate css variable

Tip: It works for single, multiple and block selection as well.

feature multiple selection

Tip: You can choose the delimiter used in variables.

choose variable delimiter

Tip: You can add a prefix and/or a suffix to variables.

add variable prefix or suffix

Tip: You can use both Hex and RGB colors.

hexadecimal and rgb colors are supported

Installation

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

  • Install Visual Studio Code 1.5.0 or higher
  • Launch Code
  • From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  • Select Install Extension
  • Choose the extension (Name That Color)
  • Reload Visual Studio Code

Source

GitHub

Contribute

If you have any problem, idea or suggestion, feel free to create issues and pull requests on GitHub.

Credit

Chirag Mehta http://chir.ag

Guillaume Doutriaux (@gdoutriaux) Przemysław Adamczewski (CSS Variables)

License

MIT - https://opensource.org/licenses/MIT

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft