1. Create and edit code
  2. Coding assistance
  3. Color assistance

Color assistance

Last modified: 13 January 2025

JetBrains Rider provides a set of features that help you work with color definitions in your code.

Any color value in the editor has the corresponding color icon, no matter how the color is defined. When you hover over the color icon, you can check the color value in other formats:

Color assistance

tip

If Inlay Hints are enabled, they provide additional information of parameter names in color definition methods.

Colors are also visualized in the completion list:

Colors in the completion auto-popup

Whenever you see a highlighted color definition, you can change it using the dedicated visual editor.

Change a color definition

  1. Place the caret at a highlighted color definition.

  2. Press and select Pick color from palette from the action list.

  3. In the Choose Color dialog, you can choose colors using three models: AHSB, Web, and ARGB. If you know the numeric value of the color you want, you can enter it into the appropriate text field. You can use the color slider and the color field to choose a color. As you adjust the color using the color field and color slider, the numeric values are adjusted accordingly. When you select a color in the color box, it simultaneously displays the numeric values for AHSB and ARGB, and hexadecimal numbers.

    Changing color definition in C# with a visual editor

  4. You can also click Pick color from some point on screen ThemedIcon.ColorSelection16x16.Screen.(Gray).png and pick a color from any of your running desktop applications.

  5. Click OK to apply the selected color and close the dialog.

By default, JetBrains Rider highlights color usages, but you can turn this off by clearing the Highlight color usages checkbox on the Editor | Inspection Settings page of JetBrains Rider settings the Code Inspection | Settings page of JetBrains Rider options.