2c:null 2d:["$","title",null,{"children":"Color filters | Dan Burzo | Observable"}] 32: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('')}

`33:[] 30:{"id":"8f0356832105c97a","slug":"color-filters","title":"Color filters","thumbnail":"fec3442fdfb1b0a3ab8709ab2d809a77795fa044f4abbb4e5fdda85b6e2537cb","access_level":"public","create_time":"$D2020-08-09T15:13:14.544Z","update_time":"$D2020-08-11T18:32:03.486Z","view_time":null,"first_public_time":"$D2020-08-09T15:18:08.142Z","has_unpublished_edits":null,"fork":{"id":"344031ea3aa90c2d","slug":"color-vision-deficiency-simulation","title":"Color vision deficiency simulation","owner":{"id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo"}},"stars":8,"starred":false,"owner":{"type":"team","id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":"starter_2024"},"version":138,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0303102bdc18d54b","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":null}],"members":[{"type":"individual","id":"0303102bdc18d54b","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Color filters","cells":[{"id":0,"value":"md`# Color filters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"md`[\\`culori@0.13.1\\`](https://evercoder.github.io/culori/) comes support for filter effects.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"html`

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

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`### Annex`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"mode = 'rgb'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"swatch = color => `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"c = require('culori@0.13.2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"cs = require('culori-scales')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"import { slider } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"