Color/Gradient Dialog

Top  Previous  Next



This dialog comes in two variations, one for specifying solid colors and one for creating color gradients.  Since both variations share the majority of their elements, they are described together on this page.


The following illustration shows the Color dialog.



Color Gradient Dialog



The left portion of the dialog consists of a large color picker.  The button running along the left side of the dialog allow you to choose the color picker that is displayed.



Color Picker


HSL Ring

Defines colors using the Hue-Saturation-Lightness model, with hue controlled by a ring that surrounds the color picker.

HSL Rectangle

Defines colors using the Hue-Saturation-Lightness model, with rectangular controls.

Color Mixer

Allows the user to create new colors by mixing up to four colors together.

Image Eyedropper

Lets the user eye-drop colors from loaded images.

Screen Eyedropper

Enables the user to pick any color visible anywhere on the screen.

Color Palettes

Lets the user specify colors by picking them from color palettes.



Previous Current Hover Colors



Three large swatches are at the upper right corner of the dialog.  These swatches will show colors or gradients depending on whether this is a Color dialog or a Gradient dialog.


The first swatch shows the color or gradient that was set before this dialog was opened.  Clicking Cancel will reset the color or gradient to what is shown in this swatch.


The second swatch shows the color or gradient that has been set in this dialog.  This is the state that will be made official if OK is clicked.


The third swatch shows what will happen if you click the mouse at its currently hovered location.  This gives you a chance to see the effect of clicking in a color picker before committing yourself.

Color Models

Below the swatches are controls for specifying colors numerically.


The first drop-down specifies the model you wish to work with:



Colors are defined by their red, green, and blue components.  These components are additive, which means that increasing them causes the color to approach white.  Light behaves this way.


Colors are defined by their hue, saturation, and lightness components.


Colors are defined by their cyan, magenta, yellow, and black components.  These components are subtractive, which means that increasing them causes the color to approach black.  Paint behaves this way.


Provides shades of gray.


The second drop-down specifies the numeric ranges of the sliders.  These options modify how a color's numeric values are represented, but do not alter the colors in any way.


0 - 255

This is the range used by most common graphics applications and photo-editors.  A value of 255 represents full intensity.

0 - 255.0

Similar to the standard 0 - 255 range, except an extra digit of accuracy is provided.

0 - 1.000

This is the range used by high dynamic range (HDR) applications and many 3D programs.  A value of 1 represents full intensity.


Next are the color sliders themselves.  Since Genetica is a high dynamic range application, as long as the RGB color model is active, you can enter custom values outside of the standard color range.  For example, if the sliders are set to use values in the range 0 - 1.000, you can enter a number of 2.0 next to a slider to give it a value that is double full intensity.



Expanded Color Dialog

Click the "More >>" button at the bottom left of the dialog to get extra color pickers.

Clicking "Less <<" will return the dialog to its reduced state.




Gradient Dialog


The Gradient dialog shares the options described above with the Color dialog.  In addition, it has options for designing color gradients as shown below.



Gradient Dialog



Unwanted gradient control points can be removed by either dragging them vertically away from the bar or by selecting them and then pressing the delete key.



Page URL: