highlight-colors

Simple and fast color highlighting. https://atom.io/packages/highlight-colors

This package will display a color preview at the end of a line where a css-compatible color is found. That's it!

It also integrates with the color-picker package. If this package is installed, clicking on the color preview will bring up the color picker for that color.

If you'd like to customize the color preview appearance, paste this into your styles.less to get started:

:root {
  --highlight-color-size: 15px;
}
 
.highlight-color-container {
}
 
.highlight-color-item {
}