Lyct
Color templates based of the color theory of Lyft
Pronounced like *licked*
Getting Started
; // or const Lyct =
TODO
- Lyct
- LyctOptions
- LyctCurves
- LyctColorType
- LyctColor
- LyctColorSet
API
Lyct
Lyct([options: LyctOptions]) => Lyct
const lyct = ;
configure(options: LyctOptions) => null
const options = steps: 7 hue: start: 315 end: 293 curve: LyctCurvesQUAD_EASEIN saturation: start: 4 end: 90 rate: 130 curve: LyctCurvesQUAD_EASEOUT luminosity: start: 100 end: 53 curve: LyctCurvesQUAD_EASEOUT ;lyct;
generate([options: LyctOptions]) = LyctColorSet
lyct // => LyctColorSet<LyctColor>
generateFrom(color: LyctColor, [options: LyctOptions]) => LyctColorSet
lyct // => LyctColorSet<LyctColor>
LyctOptions
All options and their default values. When passing options into a function, only changes from the default need to be passed.
steps: 11 hue: start: 315 end: 293 curve: LyctCurvesQUAD_EASEIN saturation: start: 4 end: 90 rate: 130 curve: LyctCurvesQUAD_EASEOUT luminosity: start: 100 end: 53 curve: LyctCurvesQUAD_EASEOUT
LyctCurve
Available curves and their values
QUAD_EASEIN: 'Quad - EaseIn' QUAD_EASEOUT: 'Quad - EaseOut' QUAD_EASEINOUT: 'Quad - EaseInOut'
LyctColorType
Available color types and their values
HEX: 'hex' RGB: 'rgb' HSL: 'hsl'
LyctColor
LyctColor(type: string, color: string) => LyctColor
const my_color = ;
convert_to(type: string) => string
my_color; // => "#e413c3"
LyctColorSet
LyctColorSet(color1: LyctColor, color2: LyctColor, ...) => LyctColorSet
const my_color_set = ;
LyctColorSet(colors: array) => LyctColorSet
const my_color_set = ;
convert_all_to(type: string) => array
my_color_set // => ["rgb(255, 242, 252)", "rgb(253, 187, 237)" .... ]