Blitz - WPT: relative-currentcolor-rec2020-02.html

wpt / css / css-color / relative-currentcolor-rec2020-02.html

/css/css-color/relative-currentcolor-rec2020-02.html

<!doctype html>
<meta charset=utf-8>
<link rel="match" href="relative-rec2020-ref.html">
<title>currentColor is inherited correctly in rec2020 RCS</title>
<link rel="help" href="https://drafts.csswg.org/css-color-5/#resolving-rcs">
<link rel="author" href="mailto:chris@w3.org" title="Chris Lilley">
<style>
div {
  width: 100px;
  height: 100px;
  background-color: red;
  color: red;
  background-color: color(from currentColor rec2020 r g b);
}
div div {
  color: color(prophoto-rgb 0.23 0.43 0.13); /* a little outside sRGB */
  background-color: inherit;
}
</style>
<div>
  <div></div>
</div>

/css/css-color/relative-rec2020-ref.html

<!doctype html>
<meta charset=utf-8>
<link rel="author" href="mailto:chris@w3.org" title="Chris Lilley">
<style>
div {
  width: 100px;
  height: 100px;
}
div div {
  background-color: color(rec2020 0.23072 0.46956 0.08); /* rgb(-16.284% 54.0356% -5.7344%) */
  /* https://colorjs.io/apps/convert/?color=color(prophoto-rgb%200.23%200.43%200.13)&precision=6 */
}
</style>
<div>
  <div></div>
</div>