2b:null 2c:["$","title",null,{"children":"Color Names | Michaël Guitton | Observable"}] 31:T63d,logo = Object.assign( svgAsImage``, { width: 64, height: 64, style: "margin: -10px 0 -4px -6px;" } )32:[] 2f:{"id":"7c06e87dffcad336","slug":"color-names","title":"Color Names","thumbnail":"d12ff1db58bcd91688f75200e2b006b86a0c5a5f4772b5b714ff1c2c1a227db4","access_level":"public","create_time":"$D2023-06-12T08:30:07.181Z","update_time":"$D2025-08-09T14:40:00.471Z","view_time":null,"first_public_time":"$D2023-06-12T08:30:07.181Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4c1622bb5c37477f","login":"galopin","name":"Michaël Guitton","avatar_url":"https://avatars-next.observableusercontent.com/10e2fe999ac95c8686156fd07e96a686520149a4eef18a95f97795b7a7be1e29","tier":"starter_2024"},"version":61,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"950eb34948878085","login":"galopin","name":"Michaël Guitton","avatar_url":"https://avatars-next.observableusercontent.com/b59822ff41962e9448473fadd4a11819ac725b074ad3868aabf532bade0ac00d","tier":null}],"members":[{"type":"individual","id":"950eb34948878085","login":"galopin","name":"Michaël Guitton","avatar_url":"https://avatars-next.observableusercontent.com/b59822ff41962e9448473fadd4a11819ac725b074ad3868aabf532bade0ac00d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"69f51ba8f42d024c","slug":"flat-data","title":"Flat Data","owner":{"id":"4c1622bb5c37477f","login":"galopin","name":"Michaël Guitton"}},"type":"notebook","body":{"title":"Color Names","cells":[{"id":0,"value":"title = md`# Color Names`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"A handpicked list of ${format(records.length)} unique color names from various sources and thousands of curated user submissions.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":49,"value":"Hat tip to [David Aerne](https://elastiq.ch) for initiating this daunting project.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":42,"value":"

The names of color function like a thread attached to a frightfully slender needle, capable of stitching together our most delicate emotions and memories. When the needle hits the target, we feel either pleasure or empathy.

— Kenya Hara, White · Lars Muller Publishers

\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"The aim of this [project](https://meodai.github.io/color-names/) is to create a list of color names as large as possible, while keeping a good name quality.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"$${annotate(\n `🦑`,\n `The project curators have merged various lists, modified the names when there were duplicates with different hex values, and shifted the colors a bit when there were identical colors with different names.`\n)}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"colors = records","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"colors","database":"$undefined"},{"id":33,"value":"best = bestOf","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"best","database":"$undefined"},{"id":53,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"!!(\n title &&\n !title.hasAttribute(\"role\") &&\n Object.assign(title, {\n role: \"heading\",\n style: \"display: flex; align-items: center;\"\n }).insertBefore(logo, title.firstChild)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"bestOf = d3\n .filter(records, (x) => x.best === \"x\")\n .map(({ best, ...rest }) => rest)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"records = (\n await d3\n .csv(endpoint)\n .then((data) => data)\n .catch((fault) => Object.assign([], { columns: [], error: fault.message }))\n).map(({ \"good name\": best, ...rest }) =>\n Object.assign(rest, {\n rgb: (({ r, g, b, ...discard }) => [r, g, b])(d3.rgb(rest.hex)).join(\" \"),\n hsl: (({ h, s, l, ...discard }, n) =>\n [h, s, l].map(\n (x, i) =>\n ((+x || 0) * (i ? 100 : 1))\n .toFixed(n)\n .replace(/(?:[.]0+|([.]\\d+?)0+)$/, \"$1\") + (i ? \"%\" : \"\")\n ))(d3.hsl(rest.hex), 5).join(\" \"),\n best\n })\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"endpoint = `https://raw.githubusercontent.com${project}/master/src/colornames.csv`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"repository = `https://github.com${project}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"project = \"/meodai/color-names\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"format = {\n return Intl && Intl.NumberFormat\n ? new Intl.NumberFormat(\"en-US\").format\n : d3.format(\",\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"import { annotate } from \"@galopin/misclib-routines\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"import { svgAsImage } from \"@quadbits/quadbits-studio-emblem\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"