Discussion on: Different possible methods for generating a colour randomly in JS

View post

Replies for: Not a random color exactly, but here is code I wrote that produces a nice pastel color from any string, and will always be the same for that same s...

There are a few typos in your function. The ifs are not comparing, they are assigning to seed.length. Also r, g and b are being defined globally. Here is the fix:

function Colorize(seed = "AA") {
    if (seed.length === 0) {
        seed = "AA";
    } else if (seed.length === 1) {
        seed += "A";
    }
    const r = (seed.charCodeAt(0) * 9).toString(16).slice(-2);
    const g = (seed.charCodeAt(1) * 9).toString(16).slice(-2);
    const b = (seed.charCodeAt(seed.length - 1) * 9).toString(16).slice(-2);
    return "#" + r + g + b;
}

And if you want to take it one step further:

const stringToColor = (seed = "") =>
    (paddedSeed =>
        `#${[
            paddedSeed.charCodeAt(0),
            paddedSeed.charCodeAt(Math.floor(paddedSeed.length / 2)),
            paddedSeed.charCodeAt(paddedSeed.length - 1),
        ]
            .map(value => (value * 9).toString(16).slice(-2))
            .join("")}`)(seed.padEnd(3, "A"));

Cheers!