Skip to content

Instantly share code, notes, and snippets.

@cu39
Created May 14, 2013 06:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cu39/5574091 to your computer and use it in GitHub Desktop.
Save cu39/5574091 to your computer and use it in GitHub Desktop.
Defines color scheme half-automatically.
// Hue : 0-360
// Saturation : 0-100%
// Lightness : 0-100%
@clr_primary : hsl(0, 70%, 50%);
@clr_spin_deg : 120;
@clr_lighten_deg : 20%;
@clr_darken_deg : 20%;
@clr_saturate_deg : 20%;
@clr_desaturate_deg : 20%;
@clr_secondary : spin(@clr_primary, @clr_spin_deg);
@clr_tertiary : spin(@clr_primary, @clr_spin_deg * -1);
@clr_primary_light : lighten(@clr_primary, @clr_lighten_deg);
@clr_primary_dark : darken(@clr_primary, @clr_darken_deg);
@clr_primary_sat : saturate(@clr_primary, @clr_saturate_deg);
@clr_primary_desat : desaturate(@clr_primary, @clr_desaturate_deg);
@clr_secondary_light : lighten(@clr_secondary, @clr_lighten_deg);
@clr_secondary_dark : darken(@clr_secondary, @clr_darken_deg);
@clr_secondary_sat : saturate(@clr_secondary, @clr_saturate_deg);
@clr_secondary_desat : desaturate(@clr_secondary, @clr_desaturate_deg);
@clr_tertiary_light : lighten(@clr_tertiary, @clr_lighten_deg);
@clr_tertiary_dark : darken(@clr_tertiary, @clr_darken_deg);
@clr_tertiary_sat : saturate(@clr_tertiary, @clr_saturate_deg);
@clr_tertiary_desat : desaturate(@clr_tertiary, @clr_desaturate_deg);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment