js 数字转颜色

function numberToRGB(num) {
    // 假设num的范围是0到1000
    const maxNum = 1000;
    const scale = 255 / maxNum;

    const r = Math.floor(num * scale);
    const g = Math.floor((maxNum - num) * scale); // 反转绿色以创建颜色渐变效果
    const b = 0; // 可以根据需要调整蓝色分量

    return `rgb(${r}, ${g}, ${b})`;
}

console.log(numberToRGB(500)); // 输出可能是 "rgb(127, 127, 0)"

function numberToHex(num) {
    // 假设num的范围是0到1000
    const maxNum = 1000;
    const hue = Math.floor((num / maxNum) * 360); // 色相范围是0到360度

    // 使用HSL模型，固定饱和度和亮度
    const saturation = 50; // 百分比
    const lightness = 50; // 百分比

    // 将HSL转换为RGB
    const rgb = hslToRgb(hue, saturation, lightness);

    // 将RGB转换为十六进制
    return rgbToHex(rgb.r, rgb.g, rgb.b);
}

function hslToRgb(h, s, l) {
    // ... 实现HSL到RGB的转换逻辑 ...
}

function rgbToHex(r, g, b) {
    // ... 实现RGB到十六进制的转换逻辑 ...
}

console.log(numberToHex(500)); // 输出可能是 "#ff7f00" 或类似的十六进制颜色代码

function hslToRgb(h, s, l) {
    let r, g, b;

    if (s === 0) {
        r = g = b = l; // 灰色
    } else {
        const hue2rgb = (p, q, t) => {
            if (t < 0) t += 1;
            if (t > 1) t -= 1;
            if (t < 1 / 6) return p + (q - p) * 6 * t;
            if (t < 1 / 2) return q;
            if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
            return p;
        };

        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
        const p = 2 * l - q;
        r = hue2rgb(p, q, h / 360 + 1 / 3);
        g = hue2rgb(p, q, h / 360);
        b = hue2rgb(p, q, h / 360 - 1 / 3);
    }

    return { r: Math.round(r * 255), g: Math.round(g * 255), b: Math.round(b * 255) };
}

function rgbToHex(r, g, b) {
    return "#" + ((1 << 24) + (r << 16) + (g << 8) + b)
        .toString(16)
        .slice(1)
        .toUpperCase();
}