2a:null 2b:["$","title",null,{"children":"Interactive color namer | Ben Welsh | Observable"}] 30:[] 2e:{"id":"2fdd1e4a80a8144a","slug":"interactive-color-namer","title":"Interactive color namer","thumbnail":"c876e12126e84e08ac87763f869847b2c10a49dd54d1472f4b50eea4854341b2","access_level":"public","create_time":"$D2018-09-11T20:02:09.942Z","update_time":"$D2018-12-29T17:10:20.859Z","view_time":null,"first_public_time":"$D2018-09-11T20:30:19.135Z","fork":true,"stars":4,"starred":false,"owner":{"type":"team","id":"ecf037f5c1847e7a","login":"palewire","name":"Ben Welsh","avatar_url":"https://avatars-next.observableusercontent.com/09c4b14e7fedb41389efd80f902156893a0c63a226ba56a133a1e931549598bc","tier":"starter_2024"},"version":371,"publish_version":371,"role":null,"authored":false,"authors":[{"type":"individual","id":"2977b296b7b0b2fa","login":"palewire","name":"Ben Welsh","avatar_url":"https://avatars-next.observableusercontent.com/09c4b14e7fedb41389efd80f902156893a0c63a226ba56a133a1e931549598bc","tier":null}],"members":[{"type":"individual","id":"2977b296b7b0b2fa","login":"palewire","name":"Ben Welsh","avatar_url":"https://avatars-next.observableusercontent.com/09c4b14e7fedb41389efd80f902156893a0c63a226ba56a133a1e931549598bc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"1bd3bcb670a4a04f","slug":"downloaders","title":"Observable helpers","owner":{"id":"ecf037f5c1847e7a","login":"palewire","name":"Ben Welsh"}},"type":"notebook","body":{"title":"Interactive color namer","cells":[{"id":365,"value":"md`# Interactive color namer\n\nRetrieve color names using the colorjs project's [color-name](https://github.com/colorjs/color-namer) library. Developed as part of the Dec. 27, 2018 _Los Angeles Times_ story [\"Cover to cover: The colors of NYRB Classics.\"](https://www.latimes.com/projects/la-et-jc-nyrb-covers/).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":358,"value":"chart","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":356,"value":"md`### Try it out. Pick a color.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":171,"value":"viewof picker = color(\"#FF0000\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":206,"value":"html`

color-name calls it ${color_namer(picker)['basic'][0]['name']}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":282,"value":"md`### Take it to the next level. Paste in a list.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":270,"value":"viewof list = textarea({\n placeholder: \"#ffffff\\n#eeeeee\\n#000000\\n...etc.\", \n spellcheck: false,\n width: \"100%\",\n rows: 10,\n submit: \"Submit\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":323,"value":"list_data.length ? table(list_data) : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":328,"value":"list_data.length ? DOM.download(serialize(list_data), \"colors\", \"Download\") : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":185,"value":"md`

\n### Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":246,"value":"md`The code that makes this work is below.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":239,"value":"html`