31:T677,md`

Euclidean (Oklab)

${ toSwatch(input_color) } ${ culori.nearest(Object.keys(culori.colorsNamed), culori.differenceEuclidean('oklab'))(input_color, 16).map(toInlineSwatch) }

Kotsarenko/Ramos

${ toSwatch(input_color) } ${ culori.nearest(Object.keys(culori.colorsNamed), culori.differenceKotsarenkoRamos())(input_color, 16).map(toInlineSwatch) }

DIN99o

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

CIEDE2000

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

CIE94

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

CIE76

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

CMC (l:c)

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

Euclidean (RGB)

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

Euclidean (LRGB)

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

Euclidean (LCH)

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

`32:[] 2f:{"title":"Nearest CSS named colors","cells":[{"id":0,"value":"md`\n# Nearest CSS named colors\n\nSelect a color from the picker below and this notebook will show you the nearest CSS named colors — 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"},{"id":10,"value":"viewof input_color = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"colors = Object.keys(culori.colorsNamed)","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"toSwatch = (c) => \n`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"toInlineSwatch = (c) => \n``","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"culori = import('culori')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}