JetBrains Rider 2024.1 Help

Color assistance

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

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 Alt+Enter 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.

Last modified: 10 April 2024