CSS color snippets for Sublime Text, supporting a variety of color systems such as W3C, Pantone, ANPA, HKS or RAL
- Make sure you already have Package Control installed
- Choose “Install Package” from the Command Palette (
Ctrl+Shift+Pon Windows/Linux,⇧⌘P on OS X) - Type “CSS Colors” and press Enter
- Change to your Sublime Text
Packagesdirectory - Clone repository
git clone https://github.com/idleberg/CSS-Colors 'CSS Colors'
- Download the latest stable release
- Unzip the archive to your Sublime Text
Packagesdirectory
The snippets are available for the scopes source.css, source.less, source.sass and source.scss
Use any of the following triggers:
| Prefix | Value | Representation | Colour System |
|---|---|---|---|
| anpaHex | code | Hexdecimal | American Newspaper Publishers Association (1) |
| anpaHSL | code | HSL | American Newspaper Publishers Association (0) |
| anpaHSLa | code | HSLa | American Newspaper Publishers Association (0) |
| anpaRGB | code | RGB | American Newspaper Publishers Association (0) |
| anpaRGBa | code | RGBa | American Newspaper Publishers Association (0) |
| anpaRGBa | code | RGBa | American Newspaper Publishers Association (0) |
| hkskHex | code | Hexadecimal | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| hkskRGB | code | RGB | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| hkskRGBa | code | RGBa | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| hksnHex | code | Hexadecimal | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| hksnRGB | code | RGB | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| hksnRGBa | code | RGBa | [HKS Color System](http://en.wikipedia.org/wiki/HKS_(colour_system) (2) |
| pantoneHex | code | Hexadecimal | Pantone Matching System (3) |
| pantoneHSL | code | HSL | Pantone Matching System (0) |
| pantoneHSLa | code | HSLa | Pantone Matching System (0) |
| pantoneRGB | code | RGB | Pantone Matching System (3) |
| pantoneRGBa | code | RGBa | Pantone Matching System (3) |
| ralHex | code | Hexadecimal | RAL Color System (4) |
| ralHSL | code | HSL | RAL Color System (0) |
| ralHSLa | code | HSLa | RAL Color System (0) |
| ralRGB | code | RGB | RAL Color System (4) |
| ralRGBa | code | RGBa | RAL Color System (4) |
| w3cHex | name | Hexadecimal | CSS Color Module Level 3 |
| w3cHSL | name | HSL | CSS Color Module Level 3 |
| w3cHSLa | name | HSLa | CSS Color Module Level 3 |
| w3cRGB | name | RGB | CSS Color Module Level 3 |
| w3cRGBa | name | RGBa | CSS Color Module Level 3 |
(0) converted from Hex values
(1) sampled from Adobe Photoshop
(2) sampled from Online HKS Converter
(3) sampled from umsiko.co.za
(4) sampled from ralcolor.com
W3C→RGB:lime→ rgb(0, 255, 0)Pantone→Hex:313C→ #0092c7RAL→RGBa:3001→ rgba(165, 32, 25, 1.0)
Think of the → as a visual separator only. When typing a trigger, you should leave it out!
This work is licensed under the The MIT License.
You are welcome to support this project using Flattr or Bitcoin 17CXJuPsmhuTzFV2k4RKYwpEHVjskJktRd