Show CSS Color Preview

How to display a CSS color in the background in WebStorm.

Tip Screenshot

You can display the color you're using in the stylesheet in the background of the editor. To enable this option go to Preferences / Settings | Editor | General | Appearance and select Show CSS color preview as background.

Related Resources

Check CSS Properties
How to review the related CSS docs in WebStorm.
Extract Ruleset
Use an intention to quickly extract a ruleset in your stylesheet file.
Check Browser Compatibility in CSS
Let WebStorm warn you about unsupported CSS properties.