From a6d9f01ec8363d8a6114132573a38ee7bf55d733 Mon Sep 17 00:00:00 2001
From: Anthony Lieuallen <arantius@gmail.com>
Date: Sun, 20 Nov 2022 19:54:28 -0500
Subject: [PATCH] Hex code in preview

---
 colors.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/colors.html b/colors.html
index b1454cb..5b9fa86 100644
--- a/colors.html
+++ b/colors.html
@@ -288,17 +288,28 @@ svg.addEventListener('click', e => {
   activateColor(el);
 });
 
+// https://stackoverflow.com/a/5624139/91238
+function componentToHex(c) {
+  var hex = c.toString(16);
+  return hex.length == 1 ? "0" + hex : hex;
+}
+function rgbToHex(r, g, b) {
+  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+}
+
 let previewLocked = false;
 function renderPreview(color) {
   if (!color) {
     document.getElementById('preview').innerHTML = '';
     return;
   }
+  let [r, g, b] = colors[color];
 
   document.getElementById('preview').innerHTML = `
   <h1>
     ${color}
     <span id='swatch' style='background-color: ${color};'>&nbsp;</span>
+    ${rgbToHex(r, g, b).toUpperCase()}
   </h1>
   `;
 }