Spice Up Your Website with These Color-Related Functions

/** * Converts a hex color code to an object containing its RGB values. * * @param {string} hex - The hex color code to convert. * @returns {Object} An object containing the red, green, and blue values of the hex color code. */function hexToRgb(hex) {    const r = parseInt(hex.slice(1, 3), 16);    const g = parseInt(hex.slice(3, 5), 16);    const b = parseInt(hex.slice(5, 7), 16);    return { r, g, b };}

/** * Converts RGB color values to hex color code. * * @param {number} r - The red color value (0-255). * @param {number} g - The green color value (0-255). * @param {number} b - The blue color value (0-255). * @returns {string} The hex color code. */function rgbToHex(r, g, b) {    const hexR = r.toString(16).padStart(2, '0');    const hexG = g.toString(16).padStart(2, '0');    const hexB = b.toString(16).padStart(2, '0');    return `#${hexR}${hexG}${hexB}`;}

/** * Generate color shades * @param {string} hex color string * @param {number} numShades the number of color shades * @param {null|number} onlyShade the number is accourding from numShades with index start from 0 * @returns {array|string} colors array or string */export function generateShades(hex, numShades, onlyShade = null) {    // Convert the hex color to RGB    const rgb = hexToRgb(hex);    // Initialize the shades array    const shades = [];    // Determine the color step    const step = Math.round(255 / (numShades - 1));    // Generate the shades of the color    for (let i = 0; i < numShades; i++) {        const r = Math.max(Math.min(rgb.r + i * step, 255), 0);        const g = Math.max(Math.min(rgb.g + i * step, 255), 0);        const b = Math.max(Math.min(rgb.b + i * step, 255), 0);        // Convert the RGB color back to hex        const shade = rgbToHex(r, g, b);        shades.push(shade);    }    return onlyShade !== null ? shades[onlyShade] : shades;}

/** * Generates a hex color code from a string using a simple hash function. * @param {string} anyString - The input string to generate the hex color code from. * @returns {string} The generated hex color code. */export function generateHexColor(anyString) {    // Use a simple hash function to generate a number from the anyString    let hash = 0;    for (let i = 0; i < anyString.length; i++) {        hash = anyString.charCodeAt(i) + ((hash << 5) - hash);    }    // Generate a 24-bit color from the hash    let color = (hash & 0x00FFFFFF).toString(16).toUpperCase();    // Pad the color code with zeros if necessary    while (color.length < 6) {        color = "0" + color;    }    // Prepend a hash symbol to the color code    return "#" + color;}

/** * Calculates the opposite color of the given hexadecimal color. * * @param {string} hexColor - The hexadecimal color to calculate the opposite of. * @returns {string} The opposite color in hexadecimal format. */export function getOppositeColor(hexColor) {    // Remove the "#" character if present    hexColor = hexColor.replace("#", "");    // Convert the hex color to RGB    const red = parseInt(hexColor.substr(0, 2), 16);    const green = parseInt(hexColor.substr(2, 2), 16);    const blue = parseInt(hexColor.substr(4, 2), 16);    // Calculate the opposite color    const oppositeRed = 255 - red;    const oppositeGreen = 255 - green;    const oppositeBlue = 255 - blue;    // Convert the opposite color to hex    const oppositeHex = "#" +        oppositeRed.toString(16).padStart(2, "0") +        oppositeGreen.toString(16).padStart(2, "0") +        oppositeBlue.toString(16).padStart(2, "0");    return oppositeHex;}