4.4. Colors

All objects in Dia have color attributes. Lines have line color. Shapes have line color and fill color. Text and other objects that contain text have text color. In addition, the Diagram Properties allows you to set colors for Background, Grid Lines, and Page Breaks. Finally, the Toolbox allows you to set default foreground and background colors for new objects.

In most cases, there are two methods for selecting a color. First, you can select a color from a list of colors provided in the drop-down listbox by each color property.

Figure 4.38. Color Listbox

Color Listbox


The list contains five primary colors (black, white, red, green, and blue) plus custom colors that have been previously used. You can just select a color from the list or select "More colors..." to display the Select color box. The Select color box allows you to select any color. It is explained in the next section.

4.4.1. Select Color Box

Figure 4.39. Select Color Box

Select Color Box

The Colors selector box contains 7 zones:

  1. The colors wheel allows you to select a color using the mouse. Select the color you want from the outer ring. A white or black line shows the current position on the ring. Select the darkness or lightness you want using the inner triangle. A white or black circle shows the current position in the triangle. You can click or drag on either surface. The currently-selected color displays in the right side of the rectangle just below the circle.

  2. Below the color wheel there are two rectangles. The left one displays the current color of the object, the right one the new color (i.e., the one you currently have chosen using the colors wheel). Pressing the OK button will set the object to the new color.

    Just to the right of these rectangles, there is a pipette button. When you click this button, the mouse pointer changes to a pipette. When the pipette is active, you can click on the canvas or any open application window (Like The Gimp), and select any color!

    [Note]

    On Windows, you can only select from colors on the Dia canvas.

  3. In the lower right there is a predefined color palette. Click on any of these to choose the color.

  4. To control the transparency of the color you can use the slider in the middle right.

  5. In the upper center there are settings for Hue, Saturation, and Value (HSV). You can select a color by typing a numeric value or by using the increment / decrement controls. Note that when you enter a value here, the color wheel selection changes to reflect the new color.

  6. To the right, there are settings for Red, Green, and Blue. These work the same as the HSV controls.

  7. In the middle of the box is a place to enter a Color name. This supports standard color names or HTML-style hexadecimal color values. (See HTML4.01 colors on http://www.w3.org), and hexadecimal values (0-9A-F) on 3 or 6 octets.