Combining shades with tints or lighter neutrals is best to avoid too dark and heavy a look. In design, very dark shades are sometimes used instead of black and can serve as neutrals. The word is often incorrectly used to describe tint or tone, but technically shade only applies to hues made darker by the addition of black. ShadesĪ shade is created when black is added to a hue, making it darker. This website combines blues in a variety of tones, shades and tints. Examples Purple takes on a twilight quality when gray is added. Depending on the hues, they can also add a sophisticated or elegant look. More gray can lend a certain vintage feel to websites. Tones are sometimes easier to use in designs. Tones are generally duller or softer-looking than pure hues. Tones are created when gray is added to a hue. The Waaark site combines hues with a variety of values to create a very harmonious design. Here’s another site that combines a mid-range hue with a high-value and low-value hue to create a very modern look and feel. Examples The high value of the yellow used here really stands out against the lower-value black and even higher value white. High contrast values generally result in more aesthetically pleasing designs. When applying color values to your designs, favor colors with different values, especially ones with high chroma. Black has the lowest value of any hue, and white the highest. For example, orange has a higher value than navy blue or dark purple. Value could also be called “lightness.” It refers to how light or dark a color is. Warm, less saturated hues like the ones found on this site give a decidedly feminine feel to the design. The more saturated red accent color on this site really stands out against the black and tan colors, which are both less saturated. Examples The slightly paler saturation of the letters in the header on this site create a more calming feel than pure hues would. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors. In design, colors with similar saturation levels make for more cohesive-looking designs. Saturation refers to how a hue appears under particular lighting conditions. The low chroma colors in this design contrast nicely against the black typography. The difference in chroma between the pink and dark purple on this site provides solid contrast in the design. Examples Combining a variety of hues with the same chroma creates a harmonious background pattern. Opt instead for hues with chromas that are either exactly the same or at least a few steps away from each other. In design, avoid using hues that have a similar (but not identical) chroma. Chroma can be thought of as the brightness of a color in comparison to white. It’s similar to saturation but not quite the same. Conversely, adding white, black, or gray reduces its chroma.
A hue with high chroma has no black, white, or gray added to it. ChromaĬhroma refers to the purity of a color. HeadOfffice uses such a bright pure yellow hue that it’s almost difficult to look at.
This site also incorporates other pure hues as the main photo changes. Pure red is a very popular hue in Web design.
Examples Using a lot of pure hues together can add a fun and playful look to a design, as done in the design of this website.
0 kommentar(er)
