3. Image-content Related Dialogs

3.1. FG/BG Color Dialog

The Color dialog lets you manage and pick up new colors. You can use it in several different modes. It also offers a color picker to select a color anywhere on your screen.

This dialog works either on the foreground or the background color.

3.1.1. Activating the Dialog

This dialog is a dockable dialog; see the section Kohta 2.3, ”Valintaikkunat ja Telakointi ” for help on manipulating it.

You can access it:

  • from the main menu: WindowsDockable DialogsColors;

  • from the Tab menu in any dockable dialog by clicking on and selecting Add TabColors,

  • from the toolbox: click on the current Foreground or Background color.

In the Windows menu, there is a list of detached windows which exists only if at least one dialog remains open. In this case, you can raise the Colors dialog from the main menu: WindowsColors.

3.1.2. Using the FG/BG color dialog

The dialog offers a number of different color selector modes at the top:

GIMP

Kuva 15.17. GIMP Color Selector

GIMP Color Selector

With the GIMP Color Selector, you select a color by clicking on a one-dimensional strip located at the right edge, and then in a two-dimensional area located on the left. The one-dimensional strip can encode any of the color parameters H, S, V, R, G, or B, as determined by which of the adjoining buttons is pressed. The two-dimensional area then encodes the two complementary color parameters.

CMYK

Kuva 15.18. CMYK Color Selector

CMYK Color Selector

You get to this selector by clicking on the printer icon. The CMYK view gives you the possibility to manage colors from the CMYK color model.

Watercolor

Kuva 15.19. Watercolor Color Selector

Watercolor Color Selector

This selector is a little different than the other models. The principle consists in changing the current foreground color by clicking in the rectangular palette. If the current foreground color is for example white, then it turns reddish by clicking in the red color area. Repeated clicking strengthens the effect. With the slider, which is next to the color palette, you can set the color quantity per mouse click. The higher the sliding control is, the more color is taken up per click.

Wheel

Kuva 15.20. Wheel Color Selector

Wheel Color Selector

This selector uses the HSV color model. Click in the chromatic circle and drag the mouse pointer to select the Hue. Click-and-drag in the triangle to vary intuitively Saturation (vertically) and Value (horizontally).

Paletti

Kuva 15.21. Palette Color Selector

Palette Color Selector

This color selector brings up a list of the colors of the current palette in the Palettes dialog. You can set GIMP's foreground or background colors by clicking on colors in the colors display. You can also use the arrow keys to move within the list of colors.

Scales

Kuva 15.22. Scales Color Selector

Scales Color Selector

This selector displays a global view of R, G, B channels and H, S, V values, placed in sliders.

At the bottom, further options and tools are available:

Foreground and background color

The symbol consisting of two arrows allows you to exchange the foreground and background color. At the bottom left of this icon, below the foreground color block, you find a switching surface with two small, one black and the other white, partially overlapping squares. If you click on these, the front and background color are reset to black and white respectively.

Color picker

The color picker has a completely different behavior than the color picker tool. Instead of picking the colors from the active image, you're able to pick colors from the entire screen.

The downside is that you get colors after they got processed by the full system color stack, in particular color management. It means that the resulting color values may end up different from ones returned by the color picker tool when picking over the canvas. It is up to you to make an informed choice of which color picker to use.

HTML Notation

This is a text field with six characters. See HTML notation. You can also use the CSS keywords; enter the first letter of a color to get a list of colors with their keyword:

Kuva 15.23. CSS keywords example

CSS keywords example

Right-clicking in the HTML Notation text box opens a context menu that allows you to edit your notation, particularly to paste a complex notation you have copied elsewhere.

Last used colors

Twelve buttons at the bottom show the last used colors. You may choose a color by clicking on one of these buttons or add the current foreground or background color to this history list.