Skip to content

ialoig/react-programmatic-color-palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽจ Programmatic Color Palette

Generate a beautiful color palette

It start generating randomly a base color in the HSL color format.

Then generate a palette of 7 colors, each with a unique trait:

  • darken : light value (L of HSL) is incremented by 15%
  • lighter : light value (L of HSL) is decremented by 15%
  • saturate : saturation value (S of HSL) is incremented by 15
  • desaturate : saturation value (S of HSL) is decremented by 15
  • hueRotationPlus : hue value (H of HSL) is rotated by 90 degree
  • hueRotationMinus : hue value (H of HSL) is rotated by -90 degree
  • background : light value (L of HSL) is incremented by 30%

๐Ÿ”— Useful links

This project was bootstrapped with Create React App.

๐Ÿš€ Getting Started

Run the command

 npm start

About

๐ŸŽจ Generate unique color palette using HSL color format

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors