31:[] 2f:{"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"},{"id":358,"value":"chart","pinned":false,"hidden":false,"mode":"ojs"},{"id":356,"value":"md`### Try it out. Pick a color.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"viewof picker = color(\"#FF0000\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"html`

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

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"md`### Take it to the next level. Paste in a list.`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":323,"value":"list_data.length ? table(list_data) : \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":328,"value":"list_data.length ? DOM.download(serialize(list_data), \"colors\", \"Download\") : \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"md`

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