HTML Color Names (Relative Lightness, linear color space)

I wanted a programmatically friendly list of the HTML named colors found here: https://en.wikipedia.org/wiki/Web_colors

Built with blockbuilder.org

forked from enjalot's block: HTML Color Names (Relative Lightness)

forked from anonymous's block: HTML Color Names (Relative Lightness, linear color space)

forked from redblobgames's block: HTML Color Names (Relative Lightness, linear color space)

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  <style>
    body { 
      margin:0;position:fixed;top:0;right:0;bottom:0;left:0;
      padding: 10px;
    }    
    section {
      clear: both;
    }
    .color {
      float: left;
      padding: 3px 5px;
      margin: 2px 5px;
      font-family: Helvetica;
      border-radius: 3px
    }
  </style>
</head>

<body>
  <label>Threshold: <input type="range" min="0" max="1" value="0.5" step="0.01" oninput="redraw(this.value)"></label>
  <section></section>
  
  <script>
    function gammaToLinear(x) {
        x /= 255;
        if (x <= 0.03928) {
    	    return x / 12.92;
  	  	} else {
       		return ((x + 0.055) / 1.055)**2.4;
	  	  }		
   	 }

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js