
The truth is, maybe there's more tone, but we've listed 50 on this page.Īlthough it is considered a simple color, shades of white are too much. It may not be convincing that White really has 50 tons. This is because white provides a great user experience. Especially in digital products, white is more used than ever. There is almost no design where white is not used. We created this list to create diversity. Beyond these, white gradients are sometimes used. In some designs, light white tones are used, while others use dark white tones. It is difficult to create a user experience with a single white tone. The reason for this is to create space for the user. White is one of the indispensable colors of digital designs.Įach product developed on the screens has whitespace. That's why we prepared this collection of shades of white. There may be multiple shades of purity, and white has multiple shades as well.

You can also use a percentage from -100% to 100%.White is the color of purity. 1 fully darkens a color to black, 0 doesn't affect the color, and 1 fully brightens a color to white. A color value such as Color.Red or the output from ColorValue or RGBA. You can also use a percentage, 0% to 100%. Alpha component, which ranges from 0 (fully transparent) to 1 (fully opaque). Color-component values, which range from 0 (no saturation) to 255 (full saturation). Hex values can take the form of either # rrggbb or # rrggbbaa. You can specify either a name, such as OliveDrab, or a hex value, such as #6b8e23 or #7fffd420. A Cascading Style Sheet (CSS) color definition. The list of possible enumeration values appears at the end of this topic. A Cascading Style Sheet (CSS) color name. If you specify a Color enumeration value or you build a ColorValue formula with a color name or a 6-digit hexadecimal value, the alpha setting is 100%, which is fully opaque. For example, this diagram shows how the three primary colors mix with an alpha setting of 50%: As a result, colors will blend through the layers. In a canvas app, you can layer controls in front of one another and specify the transparency of a control to any controls that are behind it. The amount of fade varies from -1 (which fully darkens a color to black) to 0 (which doesn't affect the color) to 1 (which fully brightens a color to white). The ColorFade function returns a brighter or darker version of a color. An alpha channel varies from 0 or 0% (which is fully transparent and invisible) to 1 or 100% (which is fully opaque and completely blocks out any layers behind a control). The function also includes an alpha channel for mixing colors of controls that are layered in front of one another. The RGBA function returns a color based on red, green, and blue components. The alpha channel is represented by aa: 00 represents fully transparent, and ff represents fully opaque. The string is in the format "# rrggbbaa" where rr, gg, and bb are identical to the 6-digit form.


