2020-08-13 15:18:26 +08:00
|
|
|
export const tintColor = (c, tint) => {
|
|
|
|
const color = c.replace('#', '')
|
|
|
|
let red = parseInt(color.slice(0, 2), 16)
|
|
|
|
let green = parseInt(color.slice(2, 4), 16)
|
|
|
|
let blue = parseInt(color.slice(4, 6), 16)
|
|
|
|
|
2021-09-04 19:29:28 +08:00
|
|
|
if (tint === 0) {
|
|
|
|
// when primary color is in its rgb space
|
2020-08-13 15:18:26 +08:00
|
|
|
return [red, green, blue].join(',')
|
|
|
|
} else {
|
|
|
|
red += Math.round(tint * (255 - red))
|
|
|
|
green += Math.round(tint * (255 - green))
|
|
|
|
blue += Math.round(tint * (255 - blue))
|
|
|
|
red = red.toString(16)
|
|
|
|
green = green.toString(16)
|
|
|
|
blue = blue.toString(16)
|
2021-09-04 19:29:28 +08:00
|
|
|
return `#${red}${green}${blue}`
|
2020-08-13 15:18:26 +08:00
|
|
|
}
|
|
|
|
}
|