[css-color-4] utilities update

Author: svgeesus

css-color-4/contrast.html

@@ -7,17 +7,24 @@
 	// then use the contrast() utility function
 	// to compute WCAG contrast.
 
+		var back=document.querySelector(#fg);
+		var fore=document.querySelector(#bg);
+		back.addEventListener("input", updateFirst, false);
+		fore.addEventListener("input", updateFirst, false);
 
+		function watchpickers(event) {
+			// if either picker changes,
+		}
 	</script>
 	<style>
 		body {background-color: rgb(46.6346021727084%, 46.6346021727084%, 46.6346021727084%);  padding: 20px;}
 		h2 {color: rgb(243, 235, 166);}
 	</style>
 	<h2>Contrast ratio of two colors</h2>
 	<p>Pick a foreground and background color</p>
-	<input type="color" id="fg" value="#739">
+	<input type="color" id="fg" value="#B7C9A3">
 	<label for="fg">Foreground</label>
-	<input type="color" id="fg" value="#142">
+	<input type="color" id="fg" value="#104425">
 	<label for="fg">Background</label>
 
 	<div id="result">

css-color-4/utilities.js

@@ -1,5 +1,5 @@
 // utility functions for color conversions
-import "conversions.js";
+// needs conversions.js nd math.js (not Math)
 
 function sRGB_to_luminance(RGB) {
     // convert an array of gamma-corrected sRGB values