# name-that-color

**Repository Path**: mirrors_simPod/name-that-color

## Basic Information

- **Project Name**: name-that-color
- **Description**: A VS Code Plugin to convert hex colors into friendly names.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-22
- **Last Updated**: 2025-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Name That Color

A VS Code Plugin to convert hex or rgb color representation into friendly names built upon Chirag Mehta's [ntc.js](http://chir.ag/projects/ntc/).

![Badge for version for Visual Studio Code extension Name That Color](https://vsmarketplacebadge.apphb.com/version/guillaumedoutriaux.name-that-color.svg?color=blue&style=flat-square&logo=visual-studio-code)
![Installs](https://vsmarketplacebadge.apphb.com/installs-short/guillaumedoutriaux.name-that-color.svg?color=blue&style=flat-square)
![Downloads](https://vsmarketplacebadge.apphb.com/downloads-short/guillaumedoutriaux.name-that-color.svg?color=blue&style=flat-square)

![MIT License](https://img.shields.io/github/license/guillaumedoutriaux/name-that-color?color=blue&style=flat-square)

## 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](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-get.gif)

### 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](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-replace.gif)

### 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](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-sassvar.gif)

### 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](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-cssvar.gif)

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

![feature multiple selection](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-multiple.gif)

> Tip: You can choose the delimiter used in variables.

![choose variable delimiter](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/settings-delimiter.gif)

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

![add variable prefix or suffix](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/prefix-suffix.png)

> Tip: You can use both Hex and RGB colors.

![hexadecimal and rgb colors are supported](https://github.com/guillaumedoutriaux/name-that-color/raw/master/images/feature-rgb.gif)

## 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](https://github.com/guillaumedoutriaux/name-that-color)

## Contribute

If you have any problem, idea or suggestion, feel free to create issues and pull requests on [GitHub](https://github.com/guillaumedoutriaux/name-that-color).

### Credit

Chirag Mehta [http://chir.ag](http://chir.ag)

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

### License

MIT - [https://opensource.org/licenses/MIT](https://opensource.org/licenses/MIT)