/**
 * Returns a color string in the form of 'RRGGBB'
 * @param {number} color
 * @returns {string}
 */
export const rgbStr = (color: number) => {
	return color.toString(16).padStart(6, '0');
};

export const rgbaStr = (color: number) => {
	return `rgba(${0xff & (color >> 16)},${0xff & (color >> 8)},${0xff & color},${(0xff & (color >> 24)) / 0xff})`
}

/**
 * Returns a color string in the form of '#RRGGBB'
 * @param {number} color
 * @returns {string}
 */
export const htmlStr = (color: number) => {
	return '#' + color.toString(16).padStart(6, '0');
};

/**
 * Interpolates two numeric colors into a third color.
 * @param {number} col1
 * @param {number} col2
 * @param {number} t - Interpolation percent. 0 <= t <= 1
 * t=0 is all color1 and t=1 is all color2
 * @returns {number}
 */
export const lerpColor = (col1: number, col2: number, t: number) => {

	const s = 1 - t;
	const r = Math.floor(s * (col1 >> 16) + t * (col2 >> 16));
	const g = Math.floor(s * ((0xff00 & col1) >> 8) + t * ((0xff00 & col2) >> 8));
	const b = Math.floor(s * (0xff & col1) + t * ((0xff & col2)));

	return (r << 16) + (g << 8) + b;

}