IdToColor

A small library that assigns unique color for a unique id. It hashes id with sha256 to find 3 bytes that describe hex color.

• Example: https://piotr-pietras.github.io/id-to-color/example/
• Source code: https://github.com/piotr-pietras/id-to-color
• NPM: https://www.npmjs.com/package/id-to-color

Install

npm i id-to-color

Usage

• You may assign any possible color.

import { IdToColor } from "IdToColor";

const color = new IdToColor();
const ids = ["user-1", "user-2", "user-3"];
const assignedColors = ids.map((id) => color.get(id));

console.log(assignedColors); //["#c6c289",  "#d92b69", "#92303a"]

• You may narrow down possible colors using manipulative mathods such as: lighten, darken, lightness, saturate, desaturate, whiten, blacken

import { IdToColor } from "IdToColor";

const color = new IdToColor().darken(0.1).saturate(0.15);
const ids = ["user-1", "user-2", "user-3"];
const assignedColors = ids.map((id) => color.get(id));

console.log(assignedColors); //["#a2c289",  "#d12a69", "#a1303a"]

• You may narrow down possible colors by adding your own palette. Palette is an array of colors in hex format.

import { IdToColor } from "IdToColor"

const palette = ["#25283d", "#8f3985", "#98dfea", "#07beb8" (...)]
const color = new IdToColor().setPalette(palette);
const ids = ["user-1", "user-2", "user-3"];
const assignedColors = ids.map((id) => color.get(id))

console.log(assignedColors) //[ "#8f3985",  "#98dfea", "#25283d"]