
[JS] rgb코드를 hsl코드로, hsl코드를 rgb코드로 변환해보자.
FrontEnd/JavaScript
2022. 2. 11. 12:53
이번에 그라데이션을 정리할 때 쓴 코드인데, 외울 필요도 없고 왜 이렇게 되는 지 이해 할 필요도 없다. 그냥 아래거 갖다쓰면 된다. 물론 공부하고 싶은 사람은 공부해도 상관 없지만.. 여기서는 그냥 갖다 쓰기로 하자. 1. RGB코드 -> HSL코드 rgb2hsl = function(color) { var r = color[0]/255; var g = color[1]/255; var b = color[2]/255; var max = Math.max(r, g, b), min = Math.min(r, g, b); var h, s, l = (max + min) / 2; if (max == min) { h = s = 0; // achromatic } else { var d = max - min; s = (l ..