Technical Terms



There are various technical terms to learn, and perhaps master, when using a Color Picker application. The following are the basic terms and their definition:

  1. Color Harmonies: also known as color chords are good combinations of two or more colors derived from their relationship on a color wheel. They are useful when exploring a possible color palette, or can be used as a standalone color scheme.



1.1. Complimentary Colors: colors that are directly opposite one another on the color wheel. They have a high contrast and can be very effective as accent colors when paired with a more neutral palette.

1.2. Triadic Colors: consist of three colors equidistant from one another on the color wheel. Like complementary colors, triadic schemes tend to be very bright with a high contrast and work best when one color dominates.

1.3. Tetradic Colors: are formed by two sets of complementary colors 60 degrees apart on the color wheel. Tetradic schemes are an excellent starting point for creating color palettes; fine tune them using color shades, tints, and tones.

1.4. Analogous Colors: are created by selecting the colors directly adjacent to a chosen color. Frequently found in web design, analogous schemes, when paired with a complementary color for contrast, can offer great versatility.

1.5 Neutral Colors: like analogous harmonies are formed by taking the colors on either side of a chosen color but at half the distance. While analogous schemes typically use colors 30 degrees apart, neutral harmonies use colors 15 degrees apart.

  1. Color Shades, Tints, and Tones: are created by adding black, white and gray respectively to a chosen color. They can be very useful in web design for backgrounds and typography and are often paired with a complementary color for contrast.

2.1. Color Shades: Adding black in varying levels to a color produces gradually darker variants, or ‘shades’, of that particular color. Shades work well for link hover effects, or as footer and header backgrounds.

2.2. Color Tints: are made by adding white to a color, resulting in increasingly lighter versions. Tints can also be used for CSS hover effects, and perform nicely as model backgrounds.

2.3. Color Tones: re created by adding gray to a color, and produces an almost endless variety of colors depending on what level of gray is used. Less common in web design, tones could be useful for typographic elements like comments, quotes or highlights.