2b:null 2c:["$","title",null,{"children":"Nearest color, gazillion-colors edition | Dan Burzo | Observable"}] 31:T968,md`

Euclidean (Oklab)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('oklab'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (Oklch)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('oklch'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (JzAzBz)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('jab'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (jch)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('jch'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Kotsarenko/Ramos

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceKotsarenkoRamos(), i => i.hex)(input_color, 16).map(toInlineSwatch) }

DIN99o

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('dlab'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

CIEDE2000

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceCiede2000(), i => i.hex)(input_color, 16).map(toInlineSwatch) }

CIE94

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceCie94(), i => i.hex)(input_color, 16).map(toInlineSwatch) }

CIE76

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceCie76(), i => i.hex)(input_color, 16).map(toInlineSwatch) }

CMC (l:c)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceCmc(), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (RGB)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('rgb'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (LRGB)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('lrgb'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (Lab)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('lab'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

Euclidean (LCH)

${ toSwatch(input_color) } ${ culori.nearest(colors, culori.differenceEuclidean('lch'), i => i.hex)(input_color, 16).map(toInlineSwatch) }

`32:[] 2f:{"id":"6a8ed67f61024964","slug":"nearest-color","title":"Nearest color, gazillion-colors edition","thumbnail":"713489b986ae0c9cc5fb95293ce4eb35a75787291649c99c85806a36ae1894f0","access_level":"public","create_time":"$D2018-10-18T14:38:04.447Z","update_time":"$D2021-10-04T07:07:43.249Z","view_time":null,"first_public_time":"$D2018-10-18T14:45:36.490Z","fork":{"id":"74d5d1ff20264210","slug":"nearest-css-named-colors","title":"Nearest CSS named colors","owner":{"id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo"}},"stars":4,"starred":false,"owner":{"type":"team","id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":"starter_2024"},"version":159,"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,"subscribed":null,"forks":2,"collection":{"id":"496ce6a89b187242","slug":"color-exploration","title":"Color","owner":{"id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo"}},"type":"notebook","body":{"title":"Nearest color, gazillion-colors edition","cells":[{"id":0,"value":"md`\n# Nearest color, gazillion-colors edition\n\nSelect a color from the picker below and this notebook will show you the nearest color from [color-names](https://github.com/meodai/color-names/issues) — based on various difference formulas implemented in [culori](https://github.com/evercoder/culori) — from more similar (left) to less similar (right).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"viewof input_color = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":158,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":102,"value":"colors = require('color-name-list')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":19,"value":"toSwatch = (c) => \n`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"toInlineSwatch = (c) => \n``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"culori = require('culori')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"