A simple color consists of three 8-bit numbers in the - range 0 to 255, inclusive, representing the red, green, and blue components of the color - respectively, in the 'srgb' color space.
- -A string is a valid simple color if it is - exactly seven characters long, and the first character is a U+0023 NUMBER SIGN character (#), and - the remaining six characters are all ASCII hex digits, with the first two digits - representing the red component, the middle two digits representing the green component, and the - last two digits representing the blue component, in hexadecimal.
- -A string is a valid lowercase simple - color if it is a valid simple color and doesn't use any characters in the range - U+0041 LATIN CAPITAL LETTER A to U+0046 LATIN CAPITAL LETTER F.
-The rules for parsing simple color - values are as given in the following algorithm. When invoked, the steps must be followed in - the order given, aborting at the first step that returns a value. This algorithm will return - either a simple color or an error.
- -Let input be the string being parsed.
If input is not exactly seven characters long, then return an - error.
If the first character in input is not a U+0023 NUMBER SIGN character - (#), then return an error.
If the last six characters of input are not all ASCII hex - digits, then return an error.
Let result be a simple color.
- -Interpret the second and third characters as a hexadecimal number and let the result be - the red component of result.
- -Interpret the fourth and fifth characters as a hexadecimal number and let the result be - the green component of result.
- -Interpret the sixth and seventh characters as a hexadecimal number and let the result be - the blue component of result.
- -Return result.
-The rules for serializing - simple color values given a simple color are as given in the following - algorithm:
- -Let result be a string consisting of a single U+0023 NUMBER SIGN - character (#).
Convert the red, green, and blue components in turn to two-digit hexadecimal numbers using - ASCII lower hex digits, zero-padding if necessary, - and append these numbers to result, in the order red, green, blue.
- -Return result, which will be a valid lowercase simple - color.
Some obsolete legacy attributes parse colors in a more complicated manner, using the rules for parsing a legacy color value, which are given in the following algorithm. When invoked, the steps must be followed in the order given, aborting at the first step that returns a value. This algorithm will return - either a simple color or an error.
+ either a CSS color or an error.Let input be the string being parsed.
transparent", then return an error.
If input is an ASCII case-insensitive match for one of the - named colors, then return the simple color - corresponding to that keyword. CSSCOLOR
+If input is an ASCII case-insensitive match for one of the named colors, then return the CSS color corresponding to that + keyword. CSSCOLOR
Let result be a simple color.
+Let result be a CSS color.
Interpret the second character of input as a hexadecimal digit; let the red component of result be the resulting number multiplied by 17.
@@ -6942,7 +6879,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attributeIf length is still greater than two, truncate each component, leaving only the first two characters in each.
Let result be a simple color.
+Let result be a CSS color.
Interpret the first component as a hexadecimal number; let the red component of result be the resulting number.
The 2D graphics context has a separate - color syntax that also handles opacity.
-acceptalphaaltautocompletecheckedcolorspacedirnamedisabledformWhich of the
accept,
+ alpha,
alt,
autocomplete,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -46893,6 +46831,30 @@ interface HTMLInputElement : HTMLElement {
alpha
+ alt
colorspace
+ dirname
The accept,
- alt, max, alpha, alt, max, min, multiple, pattern, HTMLInputElement : HTMLElement {
data-x="dom-input-defaultValue">defaultValue IDL attribute must reflect
the value content attribute.
The type IDL
- attribute must reflect the respective content attribute of the same name,
- limited to only known values. The maxLength IDL attribute must reflect the
- maxlength content attribute, limited to only
- non-negative numbers. The minLength IDL attribute must reflect the
- minlength content attribute, limited to only
- non-negative numbers.
The colorSpace IDL attribute must reflect the
+ colorspace content attribute, limited to only
+ known values. The type IDL attribute must reflect the respective
+ content attribute of the same name, limited to only known values. The maxLength IDL attribute
+ must reflect the maxlength content
+ attribute, limited to only non-negative numbers. The minLength IDL
+ attribute must reflect the minlength
+ content attribute, limited to only non-negative numbers.
The IDL attributes width and HTMLInputElement : HTMLElement {
The following content attributes must not be specified and do not
apply to the element:
accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -48428,8 +48420,10 @@ interface HTMLInputElement : HTMLElement {
The following content attributes must not be specified and do not
apply to the element:
accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -48531,8 +48525,10 @@ interface HTMLInputElement : HTMLElement {
The following content attributes must not be specified and do not
apply to the element:
accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -48636,8 +48632,10 @@ interface HTMLInputElement : HTMLElement {
The following content attributes must not be specified and do not
apply to the element:
accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -48907,8 +48905,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -49003,8 +49003,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
formaction,
formenctype,
formmethod,
@@ -49176,8 +49178,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -49329,8 +49333,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -49486,8 +49492,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -49639,8 +49647,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -49785,8 +49795,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -49950,8 +49962,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -50221,8 +50235,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -50268,42 +50284,155 @@ ldh-str = < as defined in value to a string representing a simple
- color.
In this state, there is always a CSS color picked, and there is no way to set the + value to the empty string.
+ +The alpha attribute
+ is a boolean attribute. If present, it indicates the CSS color's alpha component can
+ be manipulated by the end user and does not have to be fully opaque.
The colorspace
+ attribute indicates the color space of the serialized CSS color. It also hints at the desired user
+ interface for selecting a CSS color. It is an enumerated attribute with the following
+ keywords and states:
| Keyword + | State + | Brief description + |
|---|---|---|
limited-srgb
+ | Limited sRGB + | The CSS color is converted to the 'srgb' color space and limited to 8-bits per
+ component, e.g., "#123456" or "color(srgb 0 1 0 / 0.5)".
+ |
display-p3
+ | Display P3 + | The CSS color is converted to the 'display-p3' color space, e.g., "color(display-p3 0.84 0.19 0.72 / 0.6)".
+ |
The attribute's missing value default and invalid value default are both the Limited sRGB state.
In this state, there is always a color picked, and there is no way to set the - value to the empty string.
+Whenever the element's alpha or colorspace attributes are changed, the user agent must run
+ update a color well control color given the element.
If the element is mutable, the user agent should allow the user to change the color represented by its value, as - obtained from applying the rules for parsing simple color values to it. User agents - must not allow the user to set the value to a string that is - not a valid lowercase simple color. If the user agent provides a user interface for - selecting a color, then the value must be set to the result - of using the rules for serializing simple color values to the user's selection. User - agents must not allow the user to set the value to the empty - string.
+ obtained from parsing it. User agents must not + allow the user to set the value to a string that running + update a color well control color for the element would not set it to. If the user + agent provides a user interface for selecting a CSS color, then the value must be set to the result of serializing a color well control color given the element and the + end user's selection.The input activation behavior for such an element element is to show the picker, if applicable, for element.
-Constraint validation: While the user interface describes input that the user - agent cannot convert to a valid lowercase simple color, the control is - suffering from bad input.
+Constraint validation: While the element's value is not the empty string and parsing it returns failure, the control is suffering from bad + input.
The value attribute, if specified and not empty, must
- have a value that is a valid simple color.
The value attribute, if specified and not the empty
+ string, must have a value that is a CSS color.
The value sanitization algorithm is as follows: If the value of the element is a valid simple color, then
- set it to the value of the element converted to ASCII
- lowercase; otherwise, set it to the string "#000000".
The value sanitization algorithm is as follows: Run update + a color well control color for the element.
+ +To update a color well control color, given an element element:
+ +Assert: element is an input element whose type attribute is in the Color state.
Let color be the result of parsing element's value.
If color is failure, then set color to opaque + black.
Set element's value to the result of serializing a color well control color given + element and color.
To serialize a color well control color, given an element element and a + CSS color color:
+ +Assert: element is an input element whose type attribute is in the Color state.
Let htmlCompatible be false.
If element's alpha attribute is not
+ specified, then set color's alpha component to be fully opaque.
If element's colorspace attribute is
+ in the Limited sRGB state:
If element's alpha attribute is not
+ specified, then set htmlCompatible to true.
This intentionally uses a different serialization path for compatibility with + an earlier version of the color well control.
+Set color to color converted to the 'srgb' color space.
Round each of color's components so they are in the range 0 to 255, + inclusive. Components are to be rounded towards +∞.
Otherwise:
+ +Assert: element's colorspace attribute is in the Display P3 state.
Set color to color converted to the 'display-p3' color space.
Return the result of serializing + color. If htmlCompatible is true, then do so with HTML-compatible serialization + requested.
autocomplete and
+ alpha,
+ autocomplete,
+ colorspace, and
list content attributes;
list and
value IDL attributes;
@@ -50442,8 +50573,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
autocomplete,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -50615,8 +50748,10 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
autocomplete,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -50868,9 +51003,11 @@ ldh-str = < as defined in alpha,
alt,
autocomplete,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -50983,9 +51120,11 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
autocomplete,
checked,
+ colorspace,
height,
list,
max,
@@ -51252,8 +51391,10 @@ ldh-str = < as defined in accept,
+ alpha,
autocomplete,
checked,
+ colorspace,
dirname,
list,
max,
@@ -51369,9 +51510,11 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
autocomplete,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -51454,9 +51597,11 @@ ldh-str = < as defined in accept,
+ alpha,
alt,
autocomplete,
checked,
+ colorspace,
dirname,
formaction,
formenctype,
@@ -139458,9 +139603,11 @@ interface External {
accept;
+ alpha;
alt;
autocomplete;
checked;
+ colorspace;
dirname;
disabled;
form;
@@ -140866,6 +141013,11 @@ interface External {
iframe
iframe's contents to use requestFullscreen()
alpha
+ input
+ alt
area;
@@ -140957,6 +141109,12 @@ interface External {
link
rel="mask-icon")
colorspace
+ input
+ limited-srgb";
+ "display-p3"
cols
textarea