Search code examples
csseditorless

css/less editor which shows colors


Is there a css editor (for Windows) which would show colors? Or more generally, editor that would always display a 6-characters hexadecimal values with a color background.

e.g. like this:

div.myclass {
  color: #ff8861;  <- the background (or foreground, doesn't matter) of #ff8861 has orange color in the editor
}

[Edit 1]: not a wysiwyg, just a rich text editor showing colors and syntax

[Edit 2]: ideally, it should also support LESS syntax


Solution

  • If you're interested in using Visual Studio, ReSharper 6 (in beta when that blog post was written, but released now) will show a thick underline in the specified color.

    If you want something lighter-weight (or less expensive) than Visual Studio, the same folks who wrote ReSharper also make standalone IDEs. WebStorm 3 (currently in beta) shows color chips in the editor gutter. (Released versions may do this too; I can't find screenshots online.) Here's a screenshot I took from the beta; note the little gold square:

    enter image description here