30:T4e1,strip = ([name, colors]) => `

${name}

N ${colors.map(color => swatch(color)).join('')}

B ${colors.map(color => swatch(c.filterBrightness(amt, mode)(color))).join('')}

C ${colors.map(color => swatch(c.filterContrast(amt, mode)(color))).join('')}

I ${colors.map(color => swatch(c.filterInvert(amt, mode)(color))).join('')}

S ${colors.map(color => swatch(c.filterSepia(amt, mode)(color))).join('')}

G ${colors.map(color => swatch(c.filterGrayscale(amt, mode)(color))).join('')}

S ${colors.map(color => swatch(c.filterSaturate(amt, mode)(color))).join('')}

H ${colors.map(color => swatch(c.filterHueRotate(60, mode)(color))).join('')}

`31:[] 2e:{"title":"Color filters","cells":[{"id":0,"value":"md`# Color filters`","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"md`[\\`culori@0.13.1\\`](https://evercoder.github.io/culori/) comes support for filter effects.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"viewof amt = slider({\n min: 0, \n max: 2, \n step: 0.01, \n format: \".0%\",\n description: \"Amount of effect\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"html`

${Object.entries(cs.scales).map(strip).join('')}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`### Annex`","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"mode = 'rgb'","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"swatch = color => `

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"c = require('culori@0.13.2')","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"cs = require('culori-scales')","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"import { slider } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}