Snippet Zone

)

}

}

)

(

}

{

)

)

(

)

(

(

{

}

)

(

)

}

)

)

{

(

(

)

)

}

)

(

}

About All Posts Warning Random

HSL to RGB JavaScript

```
const hsl2rgb = (h, s, l, o) => {
```
```
  if (h > 1 || s > 1 || l > 1) {
```
```
      h /= 360;
```
```
      s /= 100;
```
```
      l /= 100;
```
```
  }
```
```
  h *= 360;
```
```
 
```
```
  let R, G, B, X, C;
```
```
 
```
```
  h = (h % 360) / 60;
```
```
  C = 2 * s * (l < .5 ? l : 1 - l);
```
```
  X = C * (1 - Math.abs(h % 2 - 1));
```
```
  R = G = B = l - C / 2;
```
```
 
```
```
  h = ~~h;
```
```
  R += [C, X, 0, 0, X, C][h];
```
```
  G += [X, C, C, X, 0, 0][h];
```
```
  B += [0, 0, X, C, C, X][h];
```

  return `rgba(${~~(R * 255)}, ${~~(G * 255)}, ${~~(B * 255)}, ${o})`;

```
};
```
```
 
```
```
console.log(hsl2rgb(122, 50, 50, .5));
```

Taken from the Raphaël source… Always fun to browse – I’ve learned lots of great stuff from it 😀

January 13, 2022

0

// color // javascript // math

snippet.zone ~ 2021-24 /// {s/z}