Here are some different shades of blues & cyans that can be used instead of just plain old "blue". Here are the various methods of specifying the color blue in HTML. I could just as easily used the hexadecimal or RGB color values and the result would've been the same. The above examples use blue as the color value. In this example, I've placed text inside a tag, set its background color to blue, and set its text color to white. You can set the background color of an element to blue by using the CSS background-color property or the background shorthand property.
Css color codes for royal blue code#
You could also place the CSS code into a external style sheet. Here's the same thing, but this time using embedded styles. In this case, I apply the styles against a tag, but I could just have easily applied them against a tag (for all text within that element) or even a tag (for all text on the page). I use the style attribute against the HTML element). This example uses inline styles to set the text color to blue (i.e. You can have blue text, a blue background, or a blue border around an element. You can also use a percentage from -100% to 100%.This page contains HTML code for coloring an element blue. 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. This page is part of The Hex Hub of The Color Spot at. You can also use a percentage, 0% to 100%. The chart below shows the hexadecimal color codes for shades of blue, teal, cyan, and similar colors. 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. 8-digit hex value: As an example, "#ff7f5080" is the same as "Coral" with a 50% alpha channel.The string is in the format "# rrggbb" where rr is the red portion in two hexadecimal digits, gg is the green, and bb is the blue. 6-digit hex value: As an example "#ffd700" is the same as "Gold".The list of supported colors appears later in this topic. CSS color name: "RoxyBrown" and "OliveDrab" are examples.The ColorValue function returns a color based on a color string in a CSS. You can find a list of these colors at the end of this topic. Descriptionīy using the Color enumeration, you can easily access the colors that are defined by HTML's Cascading Style Sheets (CSS).
Use built-in color values, define custom colors, and use the alpha channel.