Removed unused HSL colors helper
This commit is contained in:
3
.gitignore
vendored
3
.gitignore
vendored
@@ -5,4 +5,5 @@ dist-ssr
|
||||
*.local
|
||||
_release_assets
|
||||
*/**/*.temp.*
|
||||
*.temp.*
|
||||
*.temp.*
|
||||
temp
|
||||
@@ -1,97 +0,0 @@
|
||||
import chunk from "@arrows/array/chunk_";
|
||||
|
||||
/**
|
||||
* Converts color in RGB to HSL
|
||||
*
|
||||
* @param r - in [0,255]
|
||||
* @param g - in [0,255]
|
||||
* @param b - in [0,255]
|
||||
* @returns [h, l, s] - h in [0,360) and s, l in [0,1]
|
||||
*/
|
||||
const rgb2hsl = (r: number, g: number, b: number) => {
|
||||
r = r / 255;
|
||||
g = g / 255;
|
||||
b = b / 255;
|
||||
|
||||
let v = Math.max(r, g, b),
|
||||
c = v - Math.min(r, g, b),
|
||||
f = 1 - Math.abs(v + v - c - 1);
|
||||
let h =
|
||||
c && (v == r ? (g - b) / c : v == g ? 2 + (b - r) / c : 4 + (r - g) / c);
|
||||
|
||||
return [60 * (h < 0 ? h + 6 : h), f ? c / f : 0, (v + v - c) / 2];
|
||||
};
|
||||
|
||||
/**
|
||||
* Converts color in HSL to RGB
|
||||
*
|
||||
* @param h - in [0,360]
|
||||
* @param s - in [0,1]
|
||||
* @param l - in [0,1]
|
||||
* @returns [r, g, b] - r, g, b in [0,255]
|
||||
*/
|
||||
let hsl2rgb = (h: number, s: number, l: number) => {
|
||||
const a = s * Math.min(l, 1 - l);
|
||||
const f = (n: number, k = (n + h / 30) % 12) =>
|
||||
l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
||||
|
||||
return (
|
||||
"#" +
|
||||
[Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)]
|
||||
.map((x) => x.toString(16))
|
||||
.join("")
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Changes HLS of the provided color
|
||||
*
|
||||
* @param r - in [0,255]
|
||||
* @param g - in [0,255]
|
||||
* @param b - in [0,255]
|
||||
* @param deltaH - in [-360, 360] (-) towards yellow (+) towards blue
|
||||
* @param deltaS - in [-1, 1]
|
||||
* @param deltaL - in [-1, 1]
|
||||
* @returns [r, g, b] - r, g, b in [0,255]
|
||||
*/
|
||||
const changeHSL = (
|
||||
colorHex: string,
|
||||
deltaH: number,
|
||||
deltaS: number = 0,
|
||||
deltaL: number = 0
|
||||
) => {
|
||||
const [r, g, b] = chunk(
|
||||
colorHex.length === 4 ? 1 : 2,
|
||||
colorHex.slice(1).split("")
|
||||
).map((x) => {
|
||||
return parseInt(x.join(""), 16);
|
||||
});
|
||||
|
||||
let [h, s, l] = rgb2hsl(r, g, b);
|
||||
const absDelta = Math.abs(deltaH);
|
||||
|
||||
if (h >= 60 && h < 240) {
|
||||
h += deltaH;
|
||||
if (h < 60 && h > 60 - absDelta) {
|
||||
h = 60;
|
||||
} else if (h > 240 && h < 240 + absDelta) {
|
||||
h = 240;
|
||||
}
|
||||
} else {
|
||||
h -= deltaH;
|
||||
if (h > 60 && h < 60 + absDelta) {
|
||||
h = 60;
|
||||
} else if (h < 240 && h > 240 - absDelta) {
|
||||
h = 240;
|
||||
}
|
||||
}
|
||||
|
||||
h = h > 360 ? h - 360 : h > 0 ? h + 360 : h;
|
||||
|
||||
s = Math.min(1, Math.max(0, s + deltaS));
|
||||
l = Math.min(1, Math.max(0, l + deltaL));
|
||||
|
||||
return hsl2rgb(h, s, l);
|
||||
};
|
||||
|
||||
export { changeHSL };
|
||||
Reference in New Issue
Block a user