Name That Color

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

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

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

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

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

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

Tip: You can choose the delimiter used in variables.

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

Tip: You can use both Hex and RGB colors.

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