beadShadesfunction
A marble on a line's way between its ends: the pair's colour, or for numbers the line's own soft tint, with nothing written on it.
Import it
import { beadShades } from "@johnmorrisdotca/tsunagi/draw";Definition
function beadShades(colour: TsunagiColour, marks: TsunagiMarks): { light: string; body: string; rim: string; }Parameters
| Name | Type | Description |
|---|---|---|
colour | TsunagiColour | The hue, saturation and lightness triple. |
marks | TsunagiMarks | Whether marbles show colours or numbers. |
Returns
{ light: string; body: string; rim: string; }
A marble on a line's way between its ends: the pair's colour, or for numbers the line's own soft tint, with nothing written on it.
Examples
import { beadShades } from "@johnmorrisdotca/tsunagi/draw";
console.log(beadShades([120,50,40],"numbers"));{
light: 'hsl(120, 30%, 84%)',
body: 'hsl(120, 30%, 62%)',
rim: 'hsl(120, 30%, 44%)'
}What it prints (run when this page was built)