@y-golde/string-to-color v0.1.3
String To Color
String to color is a package that offeres pretty colors and gradients from string.
npm i @y-golde/string-to-color
What makes to color 'pretty'?
From my experience colors that are too dark look to much alike (same for colors that are too bright), so I've limited the generated rgb values to 50-200 (by correcting for values over or under the allowed range).
The gradient is generated from the compiled color + its complementary color.
Usage
importing
The package currently offers 4 functions
import { strToColorObject, strToHex, strToRGBString, strToGradient } from '@y-golde/string-to-color';
strToColorObject
this function accepts a string and returns an object with r,g and b values (numbers)
const toObject = strToColorObject('example'); // Object {r: 78, g: 163, b: 183}
strToHex
this function accepts a string and returns the color as a hex (string)
const toObject = strToHex('example'); // "#4eb7a3"
strToRGBString
this function accepts a string and returns the color as a rgb string (for css uses)
const toObject = strToRGBString('example'); // "rgb(78,163,183)"
strToGradient
this function accepts a string and returns the color as a linear gradient to its complementary (for css background)
const toObject = strToGradient('example'); // "linear-gradient(45deg, rgba(78 , 163, 183), rgba(183, 78, 98))"