stuneak/create-color

A tiny (565 B) JavaScript library to generate permanent color from any string, array or object.

Create color

A tiny (565 B) JavaScript library to generate permanent color from any string, array or object.

DEMO. Open in CodeSandbox

Install

npm install create-color
// or
yarn add create-color

Usage

const createColor = require("create-color");
// or
import createColor from "create-color";

// format by default: hex
const hex = createColor("canThereBeAnyText"); // => "#67cb22"

// from string
const hsl = createColor("canThereBeAnyText", { format: "hsl" }); // => "hsl(96,71%,46%)"

// from object
const hex = createColor(
  { name: "Andrey", age: 27, role: "user" },
  { format: "hex" }
); // => "#f6555d"

// from array
const rgb = createColor(["random", "color", "generation"], { format: "rgb" }); // => "rgb(218,179,136)"

create-color's Issues

Some strings return invalid hex values

tl;dr

Some strings return invalid hex values 🤷‍♂

More Details

I'm using user.id's to generate color values. These are uuid's and generally look like 9fc91124-0c99-48f8-863e-49f173ead3f7 as you'd expect. This is typically fine- and causes no issues. However, some uuid's return invalid hex values (like the one I'm using here).

import createColor from "create-color";

const background = createColor("9fc91124-0c99-48f8-863e-49f173ead3f7");

Demo

I've done a tiny amount of work to reproduce the issue, but not enough to understand the problem. Here's a demo with some of the evil strings.