ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Color​Hints

by braver ST3

Display color preview hints inline in Sublime Text

Labels css, colors, utilities

Details

Installs

  • Total 14K
  • Win 8K
  • Mac 3K
  • Linux 3K
Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 Dec 15 Dec 14 Dec 13 Dec 12 Dec 11 Dec 10 Dec 9 Dec 8 Dec 7 Dec 6 Dec 5 Dec 4 Dec 3 Dec 2 Dec 1 Nov 30 Nov 29 Nov 28 Nov 27 Nov 26 Nov 25 Nov 24 Nov 23 Nov 22 Nov 21 Nov 20 Nov 19 Nov 18 Nov 17 Nov 16 Nov 15 Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5
Windows 2 2 3 0 2 4 0 3 3 1 1 0 1 1 2 5 2 3 2 5 1 1 1 2 1 0 2 0 1 0 2 1 1 2 3 0 1 2 5 1 0 0 0 2 1 2
Mac 0 1 1 2 2 0 1 0 1 0 0 3 0 0 0 1 1 4 0 3 0 1 1 1 0 1 0 2 0 1 2 1 1 2 1 0 0 2 1 0 1 1 0 2 1 3
Linux 0 0 1 2 4 3 4 1 1 1 1 0 1 0 1 1 2 1 0 2 2 0 1 0 1 0 2 2 0 2 3 1 0 2 2 1 3 1 0 0 0 2 1 1 0 6

Readme

Source
raw.​githubusercontent.​com

ColorHints

Inline color hints for Sublime Text

Call up an inline color box displaying the color at the cursor(s). Live hints can be enabled always, never, or just in specific languages (via scope selectors). The manually called hints will stick around until the file is edited.

ColorHints currently understands:

  • hex(a)*
  • rgb(a)
  • hsl(a)
  • hwb(a)
  • css color names (e.g. “aliceblue” or “rebeccapurple”)
  • Pantone color codes (e.g. “16-1546 TCX” or “Yellow 012 C”)
  • RAL color codes (e.g. “RAL 6034”, “RAL 010 80 10”, “RAL 230-M”)

*) Set the “argb_hex” preference to true for (a)hex, ie. argb in hex values.

Notes

The alpha (opacity) value is not represented in the hint. In these small samples it's impossible to properly judge the opacity anyway, and it's usually more interesting to know the base color.

Thanks to Isaac Muse for the utils and libraries that make this possible. The Pantone reference files were downloaded from Pantone.com.

Related color utilities

This plugin just does what it says on the box: display color hints. Other packages do other nifty things with colors:

Buy me a coffee

☕️👌🏻

Please feel free to make a little donation via PayPal towards the coffee that keeps this labour of love running. It's much appreciated!