The HSL color space can be visualized as a double cone. Luminosity: How light the color is, ranging from 0 to 100, where 100 is as light as possible (white, regardless of the hue and saturation) and 0 is as dark as possible (black). dull) the color is, ranging from 0 to 100, where 100 is fully saturated and 0 is gray. The color wheel, where red is 0 degrees, yellow is 60 degrees, green is 120 degrees, cyan is 180 degrees, blue is 240 degrees, and magenta is 300 degrees. Hue: The basic color in the color wheel, ranging from 0 to 360 degrees where both 0 and 360 degrees are red. The HSL color space forms a double cone that is white on the top, black on the bottom, and neutral in the middle: These color spaces are often used instead of RGB because they better match how people perceive color. The HSL/HSV color spaces consist of three components: hue, saturation, and luminosity or value. The RGB color space doesn't correspond to how people perceive color.
In this example, adding red to dark cyan makes it lighter, not more red. For example, if you add red to dark cyan, the result isn't perceived as more red but as lighter cyan.
While display technology uses RGB values and consequently developers often think of colors in terms of RGB, the RGB color space doesn't correspond to how people perceive color. The RGB color space can be visualized as a cube. To obtain the desired emotional responses, color must be used appropriately.Ĭolor is often thought of in terms of a color space, where RGB (red, green, blue), HSL (hue, saturation, luminosity), and HSV (hue, saturation, value) are the most commonly used color spaces. To prevent confusion in meaning, color must be used consistently. Beyond pure aesthetics, color has associated meanings and elicits emotional responses. Much of the guidance still applies in principle, but the presentation and examples do not reflect our current design guidance.Ĭolor is an important visual element of most user interfaces.
#STATUS COLOR UI WINDOWS 7#
This design guide was created for Windows 7 and has not been updated for newer versions of Windows.
0 kommentar(er)
