color utility functions
12345678910111213141516171819202122232425
function rgba2hex(r = 0, g = 0, b = 0, alpha) {
let rgb =
(r | (1 << 8)).toString(16).slice(1) + (g | (1 << 8)).toString(16).slice(1) + (b | (1 << 8)).toString(16).slice(1);
if (alpha) {
const a = ((alpha * 255) | (1 << 8)).toString(16).slice(1);
rgb += a;
}
return rgb;
}
console.log(rgba2hex());
console.log(rgba2hex(0, 255, 0));
console.log(rgba2hex(0, 255, 0, 0.5));
function hex2rgba(color) {
const r = parseInt(color.slice(1, 3), 16);
const g = parseInt(color.slice(3, 5), 16);
const b = parseInt(color.slice(5, 7), 16);
let alpha = color.slice(7, 9) || 'ff';
return `${r}${g}${b}${parseInt(alpha, 16)}`;
}
console.log(hex2rgba('#00ff007f'));
JavaScript
INFO