WebStorm 2021.1 Help

Color picker

This dialog opens when you do any of the following:

  • Click a specific color on language-specific subpages of the Editor | Color Scheme page of the IDE settings Ctrl+Alt+S.

  • Press Ctrl+Shift+A and search for the Show Color Picker action.

Use this dialog to find the exact RGB, HSB and hex values of any color component.

ItemDescription
the Color Picker iconClick this eyedropper to navigate to the object and obtain its color RGB or HSB as well as its color hex values.
Color mixerUse this area to select a color.
Stack of colorsThis area displays colors that were last selected.
BrightnessMove the slider upwards to make colors in the Color mixer area brighter; move the slider down to make colors darker.
ChooseClick this button to select a color from the Color Mixer area, or the Stack of colors.
CancelClick this button to omit saving the color information.
Last modified: 15 June 2021