snippets: hsl to rgb color

Author: pvictordev

public/consolidated/javascript.json

@@ -91,6 +91,17 @@
                 "contributors": [],
                 "code": "function hexToRgb(r, g, b) {\n    return (\n      \"#\" +\n      [r, g, b]\n        .map((x) => {\n          const hex = x.toString(16);\n          return hex.length === 1 ? \"0\" + hex : hex;\n        })\n        .join(\"\")\n    );\n},\n\n// Usage:\nconsole.log(hexToRgb(\"#ff5733\")); // { r: 255, g: 87, b: 51 }\nconsole.log(hexToRgb(\"#ffff\")); // { r: 0, g: 255, b: 255 }\n"
             },
+            {
+                "title": "HSL to RGB Color",
+                "description": "Converts HSL color values to RGB color values.",
+                "author": "pvictordev",
+                "tags": [
+                    "color",
+                    "conversion"
+                ],
+                "contributors": [],
+                "code": "function hslToRgb(h, s, l) {\n  s /= 100;\n  l /= 100;\n  const c = (1 - Math.abs(2 * l - 1)) * s;\n  const x = c * (1 - Math.abs((h / 60) % 2 - 1));\n  const m = l - c / 2;\n\n  const [r, g, b] = \n    h < 60  ? [c, x, 0] :\n    h < 120 ? [x, c, 0] :\n    h < 180 ? [0, c, x] :\n    h < 240 ? [0, x, c] :\n    h < 300 ? [x, 0, c] :\n              [c, 0, x];\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  };\n}\n\n// Usage:\nconsole.log(hslToRgb(14, 100, 60)); // { r: 255, g: 87, b: 51 }\nconsole.log(hslToRgb(0, 0, 100)); // { r: 255, g: 255, b: 255 }\n"
+            },
             {
                 "title": "RGB to Hex Color",
                 "description": "Converts RGB color values to hexadecimal color code.",

snippets/javascript/color-manipulation/hsl-to-rgb-color.md

@@ -0,0 +1,34 @@
+---
+title: HSL to RGB Color
+description: Converts HSL color values to RGB color values.
+author: pvictordev
+tags: color,conversion
+---
+
+```js
+function hslToRgb(h, s, l) {
+  s /= 100;
+  l /= 100;
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+  const m = l - c / 2;
+
+  const [r, g, b] = 
+    h < 60  ? [c, x, 0] :
+    h < 120 ? [x, c, 0] :
+    h < 180 ? [0, c, x] :
+    h < 240 ? [0, x, c] :
+    h < 300 ? [x, 0, c] :
+              [c, 0, x];
+
+  return {
+    r: Math.round((r + m) * 255),
+    g: Math.round((g + m) * 255),
+    b: Math.round((b + m) * 255),
+  };
+}
+
+// Usage:
+console.log(hslToRgb(14, 100, 60)); // { r: 255, g: 87, b: 51 }
+console.log(hslToRgb(0, 0, 100)); // { r: 255, g: 255, b: 255 }
+```