inspect

functions

@function brightness($color) { ... }

Determine the brightnss of a color, adjusted for the visual brightnesses of different hues.

parameterName	parameterDescription	parameterType	parameterDefault value
`$color`	Any color value to be analysed	`Color`	—none

Number —

The relative visual brightness of the color, from 0 (black) through 225959 (white).

@function harmonize($color, $harmony: 'complement', $median: 16%, $margin: 8%) { ... }

Mix a subtle harmony color into your base color, weighted by the relative brightness of the two colors.

parameterName	parameterDescription	parameterType	parameterDefault value
`$color`	The base color value, which will be returned with a subtle harmony color mixed in.	`Color`	—none
`$harmony`	A harmony color to mix into your base color, or the name of a function like `complement` or `invert` that can manipulate the base color and return another color value.	`Color` or `Function`	`'complement'`
`$median`	The median amount of your harmony color to mix into your base color, given the same relative brightness.	`Percentage`	`16%`
`$margin`	The margin of weight-adjustment for mixing colors with different relative brihtness. A margin of `8%` with a median of `16%` will return mixes weighted between `8%` and `24%` (`16% ± 8%`).	`Percentage`	`8%`

$harmony #{$harmony} [#{type-of($harmony)}] is not a valid color for harmonizing.

@function shade($color, $amount) { ... }

Mix a color with black.

parameterName	parameterDescription	parameterType	parameterDefault value
`$color`	The initial color to be adjusted.	`Color`	—none
`$amount`	The amount of black to mix in, from `0%-100%`.	`Percentage`	—none

Color —

your new, darker color!

@function tint($color, $amount) { ... }

Mix a color with white.

parameterName	parameterDescription	parameterType	parameterDefault value
`$color`	The initial color to be adjusted.	`Color`	—none
`$amount`	The amount of white to mix in, from `0%-100%`.	`Percentage`	—none

Color —

your new, lighter color!