css/css-color/relative-currentcolor-hsl-01.html

<!doctype html>
<meta charset=utf-8>
<link rel="match" href="relative-green-ref.html">
<title>currentColor is inherited correctly in hsl 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: hsl(from currentColor h s l);
}
div div {
  color: green;
  background-color: inherit;
}
</style>
<div>
  <div></div>
</div>