Skip to content
This repository

ColorHighlighter - is a plugin for the Sublime text 2 and 3, which underlays selected hexadecimal colorcodes (like "#FFFFFF", "rgb(255,255,255)", "white", etc.) with their real color. Also, plugin adds color picker to easily modify colors.

branch: master
README.md

ColorHighlighter

ColorHighlighter is a plugin for the Sublime Text 2 and 3, which unobtrusively previews hexadecimal color values by underlaying the selected hex codes. Also, plugin adds color picker to easily modify colors.

Description

Description

Description

Installation :

  • Recommended - Using Sublime Package Control
    • ctrl+shft+p then select Package Control: Install Package
    • install Color Highlighter
  • Alternatively, download the package from GitHub into your Packages folder

Usage :

Just click or move the cursor (or multiple cursors) on the color code e.g. #FFFFFF and it'll be highlighted with its real color. These color formats are currently supported:

  • Hexademical e.g. #RGB or #RGBA or #RRGGBB or #RRGGBBAA (you can use both upper and lower case letters)
  • RBG or RGBA value e.g. rgb(rrr, ggg, bbb) or rgba(rrr, ggg, bbb, aaa) or rgba(rrr, ggg, bbb, a.aaa) with decimal channel values.
  • HSV or HSVA value e.g. hsv(hhh, sss, vvv) or hsva(hhh, sss, vvv, aaa) or hsva(hhh, sss, vvv, a.aaa) with decimal channel values.
  • [rrr, ggg, bbb] and [rrr, ggg, bbb, aaa] and [rrr, ggg, bbb, a.aaa] when editing *.sublime-theme files.
  • Named colors like "green", "black" and many others.
  • Less/sass/scss variables (supports importing from another files).

Settings :

You can choose the highliting style from:

  • Filled, outlined in ST2.
  • Filled, outlined, underlined (solid, strippled, squiggly) in ST3.

You can also turn on highlighting all colors at once, but it would highlight only constant colors, no variables. This mode has own highlighting style, so you can highlight all colors with underline and selected colors with filled rect.

Color picker usage:

Just put the cursor (or multiple cursors) on the color code and select "Choose color" in context menu. Select the color in a popup color picker and all color codes under your cursors will change. The change will preserve code format, so if you select two codes "#FFF" and "rgb(255,255,255)" and choose color #FF0000, in the end you get two codes like that: "#FF00FF" and "rgb(255,0,0)".

ACHTUNG!!! :

Color picker works only on linux x64 and win64 with installed Qt (just for a couple of days, untill we build it on other systems).

Something went wrong with that request. Please try again.