@nish1896/rhf-mui-components/utils/color.js

A suite of 20+ reusable Material UI components for React Hook Form to minimize your time and effort in creating and styling forms

/**
 * Converts a color object to a string in `rgb` or `hsv` format.
 *
 * @param color - An object containing values as `rgb` or `hsv` components.
 * @param type - `'rgb'` or `'hsv'` to specify the color model.
 * @param excludeAlpha - Whether to exclude the alpha value in the output.
 * @returns The formatted color string.
 */
export function colorToString(color, excludeAlpha) {
    const isRGBColor = color.r !== undefined && color.g !== undefined && color.b !== undefined;
    const isHSVColor = color.h !== undefined && color.s !== undefined && color.v !== undefined;
    if (!isRGBColor && !isHSVColor) {
        throw new Error('Invalid color object or type');
    }
    const shouldExcludeAlpha = (color.a === undefined || color.a === 1) && excludeAlpha;
    if (isRGBColor) {
        return shouldExcludeAlpha
            ? `rgb(${Math.round(color.r)}, ${Math.round(color.g)}, ${Math.round(color.b)})`
            : `rgba(${Math.round(color.r)}, ${Math.round(color.g)}, ${Math.round(color.b)}, ${color.a ?? 1})`;
    }
    if (isHSVColor) {
        return shouldExcludeAlpha
            ? `hsl(${Math.round(color.h)} ${Math.round(color.s)}% ${Math.round(color.v)}%)`
            : `hsl(${Math.round(color.h)} ${Math.round(color.s)}% ${Math.round(color.v)}% / ${color.a ?? 1})`;
    }
    throw new Error('Unexpected error processing the color object');
}