When written as a unitless, it is interpreted as degrees, as specified in CSS Color Module Level 3. Same as HSL: H (hue) is an of the color circle given in degs, rads, grads, or turns in CSS Color Module Level 4. Note: The HWB function does not use commas to separate it's values as with previous color functions. Functional notation: hsl(H S L)ĬSS Colors Level 4 adds support for space-separated values in the functional notation. 100% lightness is white, 0% lightness is black, and 50% lightness is “normal.”Ī (alpha) can be a between 0 and 1, or a, where the number 1 corresponds to 100% (full opacity). 100% saturation is completely saturated, while 0% is completely unsaturated (gray). S (saturation) and L (lightness) are percentages. As an, it implicitly wraps around such that -120deg=240deg, 480deg=120deg, -1turn=1turn, etc. By definition, red=0deg=360deg, with the other colors spread around the circle, so green=120deg, blue=240deg, etc. H (hue) is an of the color circle given in degs, rads, grads, or turns in CSS Color Module Level 4. In browsers that implement the Level 4 standard, they accept the same parameters and behave the same way. Note: As of CSS Colors Level 4, hsla() is an alias for hsl(). Functional notation: rgb(R G B)ĬSS Colors Level 4 adds support for space-separated values in the functional notation. A (alpha) can be a between 0 and 1, or a, where the number 1 corresponds to 100% (full opacity). R (red), G (green), and B (blue) can be either s or s, where the number 255 corresponds to 100%. For example, #0f38 is the same color as #00ff3388. Likewise, the four-digit RGB notation ( #RGBA) is a shorter version of the eight-digit form ( #RRGGBBAA). For example, #f09 is the same color as #ff0099. The three-digit notation ( #RGB) is a shorter version of the six-digit form ( #RRGGBB). R (red), G (green), B (blue), and A (alpha) are hexadecimal characters (0–9, A–F). For example, #ff0000 is equivalent to #ff0000ff. Note: As of CSS Colors Level 4, rgba() is an alias for rgb(). CSS Colors Level 4 added the rebeccapurple keyword to honor web pioneer Eric Meyer.They are called the extended color keywords, the X11 colors, or the SVG colors. Although various colors not in the specification (mostly adapted from the X11 colors list) were supported by early browsers, it wasn't until SVG 1.0 and CSS Colors Level 3 that they were formally defined.CSS Level 1 only included 16 basic colors, called the VGA colors as they were taken from the set of displayable colors on VGA graphics cards.Note: The list of accepted keywords has undergone many changes during the evolution of CSS:
HTML only recognizes the 16 basic color keywords found in CSS1, using a specific algorithm to convert unrecognized values (often to completely different colors).There are a few caveats to consider when using color keywords: Although the names more or less describes their respective colors, they are essentially artificial, without a strict rationale behind the names used. Using the color() functional notation, to specify a color in a variety of predifined or custom color spaces.Ĭolor keywords are case-insensitive identifiers that represent a specific color, such as red, blue, black, or lightseagreen.Using the Lab coordinate system, via the lab() functional notation. Using the LCH cylindrical coordinate system, via the lch() functional notation. Using the HWB cylindrical-coordinate system (via the hwb() functional notation). Using the HSL cylindrical-coordinate system (via the hsl() and hsla() functional notations). These always specify a color in the sRGB color space Using the RGB cubic-coordinate system (via the #-hexadecimal or the rgb() and rgba() functional notations). All existing keywords specify a color in the sRGB color space Using a keyword (such as blue or transparent).A may also include an alpha-channel transparency value, indicating how the color should composite with its background.Ī can be defined in any of the following ways:
0 kommentar(er)
