Skip to content

Name That Color

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

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

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