Disable / Enable

Supported color patterns

• Hex color code (e.g. #ffffff, #000)
• Css rgb/rgba values (e.g. rgb(0,0,0), rgba(255, 255, 255, 0.8))
• Css hsl/hsla values (e.g. hsl(0, 100%, 50%), hsla(120, 100%, 50%, 0.5))
• Named colors (e.g. red, blue)
• Java Color class (e.g. Color.black, new Color(100, 100, 100))

Multiple colors

• Show top two colors in a sidebar if there are multiple colors in a line.
• If you want to check all colors, please click a specific rectangle. They will be shown as a list.

Change a color using the color chooser

• Click a colored rectangle
• Click a color value of a list
• Select a new color in the color chooser
• An old color value will be changed to new one with the same format

Generate color codes

You can generate color codes via a code generator(Alt + Ins).

1. Run a code generator(Alt + Ins)
2. Choose Color...
3. Choose format you expect (e.g. new Color(r, g, b))
4. Choose a color
5. Click the OK button
6. A color code is generated at the caret position

Options

Regex for enabled mime-types for Hex and CSS colors

Named Colors

NOTE

• If you would like to show colors of `Color.decode()` e.g. `Color.decode(#000000)`, Please add `java` to "Regex for enabled mime-types" of Hex and CSS e.g. (`^text/(x-)?(css|less|sass|scss|java)$`)
• Colors may be shown if they are not color codes. e.g. "#feature" contains #fea. This plugin recognizes it as a hex color code.
• If you use the GTK Look and Feel, you cannot change an alpha value in the color chooser.
• Hsl or hsla color values may not be changed correctly when you use the color chooser. (There may be 1% errors.)