diff --git a/README.md b/README.md
index 087395c..6bc4951 100644
--- a/README.md
+++ b/README.md
@@ -53,6 +53,7 @@ Ronin helpers are keywords that facilitates adding coordinates from the canvas i
 - `(text x y p t ~a ~f)` Returns a text shape.
 - `(svg x y d)` Returns a svg shape.
 - `(color r g b ~a)` Returns a color object.
+- `(hsl r g b ~a)` Returns a HSL color object.
 - `(frame)` Returns a rect of the frame.
 - `(resize ~w)` Resizes the canvas to target w and h, returns the rect.
 - `(rescale ~w ~h)` Rescales the canvas to target ratio of w and h, returns the rect.
diff --git a/desktop/sources/scripts/library.js b/desktop/sources/scripts/library.js
index de4d768..a664ccd 100644
--- a/desktop/sources/scripts/library.js
+++ b/desktop/sources/scripts/library.js
@@ -74,6 +74,10 @@ function Library (ronin) {
     return { r, g, b, a, hex, toString: () => { return `rgba(${r},${g},${b},${a})` }, 0: r, 1: g, 2: b, 3: a, f: [r / 255, g / 255, b / 255, a] }
   }
 
+  this.hsl = (h, s, l, a = 1) => { // returns a HSL color object
+    return { h, s, l, a, toString: () =>  { return `hsla(${h},${s}%,${l}%,${a})` }, 0: h, 1: s, 2: l, 3: a, f: [h / 360, s / 100, l / 100, a] }
+  }
+
   // Frame
 
   this.frame = () => { // Returns a rect of the frame.