From b89ba6fab12efedbcd0baf239a732b3a90af96b1 Mon Sep 17 00:00:00 2001
From: joBr99 <29555657+joBr99@users.noreply.github.com>
Date: Mon, 24 Oct 2022 22:28:43 +0200
Subject: [PATCH] Update notifications.md

---
 docs/notifications.md | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/docs/notifications.md b/docs/notifications.md
index 71a258d6..9368cf06 100644
--- a/docs/notifications.md
+++ b/docs/notifications.md
@@ -81,12 +81,25 @@ nspanel_screensaver_notification:
 ```
 
 ## Color Picker
-<input type="color" id="colorpicker" onchange="calcRGB565()" value="#000000">
-Use this value in your Message (converted to RGB565 in Decimal) <p id="color-out"></p>
 <script>
+function hexToRgb(hex) {
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    red: parseInt(result[1], 16),
+    green: parseInt(result[2], 16),
+    blue: parseInt(result[3], 16)
+  } : null;
+}
+function rgb_dec565(rgb: RGB): number {
+  return ((Math.floor(rgb.red / 255 * 31) << 11) | (Math.floor(rgb.green / 255 * 63) << 5) | (Math.floor(rgb.blue / 255 * 31)));
+}
 function calcRGB565() {
    let in = document.getElementById('colorpicker');
    let out = document.getElementById('color-out');
-   out.innerHTML = in.value;
+   
+
+   out.innerHTML = rgb_dec565(hexToRgb(in.value));
 }
+<input type="color" id="colorpicker" onchange="calcRGB565()" value="#000000">
+<p id="color-out">0</p>
 </script>