2e:null 2f:["$","title",null,{"children":"Le Corbusier Color Pallete | taekie | Observable"}] 34:T3892,lecorbusierColors=({ "colors": [{ "rgb": [ 234, 219, 192 ], "name": "32001 blanc", "shade": "White", "text": "The cream white. Balanced, with stable aesthetics. The first mural ‘Velvet’ shade" }, { "rgb": [ 94, 96, 97 ], "name": "32010 gris foncé 31", "shade": "Grey & Black", "text": "The iron grey. Soft, warm, expressive. The darkest shade of 1931" }, { "rgb": [ 146, 148, 148 ], "name": "32011 gris 31", "shade": "Grey & Black", "text": "The medium grey. Elegant and restrained. It can place the walls into shadow" }, { "rgb": [ 167, 168, 165 ], "name": "32012 gris moyen", "shade": "Grey & Black", "text": "The discreet grey. Natural, neutral, discreetly calm. The second ‘Velvet’ shade" }, { "rgb": [ 188, 187, 182 ], "name": "32013 gris clair 31", "shade": "Grey & Black", "text": "The pearl grey. Weakly luminescent and airy. The third mural ‘Velvet’ shade" }, { "rgb": [ 77, 106, 168 ], "name": "32020 bleu outremer 31", "shade": "Blue", "text": "The luminous ultramarin. Dynamic, imposing and much in demand" }, { "rgb": [ 143, 171, 201 ], "name": "32021 outremer moyen", "shade": "Blue", "text": "The lucent sky blue. Like the sky on a clear, sunny day in summer" }, { "rgb": [ 171, 189, 200 ], "name": "32022 outremer clair", "shade": "Blue", "text": "The brightened ultramarine. A space atmosphere that loosens up. The first ‘Space’ shade" }, { "rgb": [ 182, 198, 206 ], "name": "32023 outremer pâle", "shade": "Blue", "text": "The light ultramarine. An atmosphere that recedes gently. The second ‘Space’ shade" }, { "rgb": [ 217, 225, 221 ], "name": "32024 outremer gris", "shade": "Blue", "text": "The blue grey. The imagination. A restrained atmosphere. The third ‘Space’ shade" }, { "rgb": [ 62, 110, 144 ], "name": "32030 bleu céruléen 31", "shade": "Blue", "text": "The powerful cerulean. Appears dynamic and attracts the attention" }, { "rgb": [ 103, 157, 174 ], "name": "32031 céruléen vif", "shade": "Blue", "text": "The luminous cerulean. Warm, sensual, Mediterranean. The colour tends towards the observer" }, { "rgb": [ 138, 181, 186 ], "name": "32032 céruléen moyen", "shade": "Blue", "text": "The summery sky. Static, does not come forward anymore. The first mural ‘Sky’ shade" }, { "rgb": [ 168, 196, 193 ], "name": "32033 céruléen clair", "shade": "Blue", "text": "The sky reflected in the water. Subordinates itself. The second mural ‘Sky’ shade" }, { "rgb": [ 198, 213, 204 ], "name": "32034 céruléen pâle", "shade": "Blue", "text": "The sky reflected in ocean waves. Somewhat greenish. The third mural ‘Sky’ colour shade" }, { "rgb": [ 64, 110, 88 ], "name": "32040 vert anglais", "shade": "Green", "text": "The english green. Reminds of aristocracy, also of freshness of the forest" }, { "rgb": [ 145, 175, 161 ], "name": "32041 vert anglais clair", "shade": "Green", "text": "The slightly greyed english green. Like a discreet Verona green" }, { "rgb": [ 190, 203, 183 ], "name": "32042 vert anglais pâle", "shade": "Green", "text": "The mild grey green. The colour shade links retentively to the landscape" }, { "rgb": [ 62, 111, 66 ], "name": "32050 vert foncé", "shade": "Green", "text": "The rich brilliant green. A deep and very neutral green; expressing the summer" }, { "rgb": [ 127, 162, 90 ], "name": "32051 vert 31", "shade": "Green", "text": "The vernal green. Very expressive. The first tone of the ‘Scenery’ atmosphere" }, { "rgb": [ 171, 193, 122 ], "name": "32052 vert clair", "shade": "Green", "text": "The green of spring. Natural and fruitful. The second shade representing ‘Scenery’" }, { "rgb": [ 196, 211, 155 ], "name": "32053 vert jaune clair", "shade": "Green", "text": "The pale green. Gentle, smooth and balanced. The third tone with the mural value of ‘Scenery’" }, { "rgb": [ 234, 207, 166 ], "name": "32060 ocre", "shade": "Ochre & Yellow", "text": "The natural sand. Restrained and very elegant. The first tone with mural value of ‘Sand’" }, { "rgb": [ 212, 108, 64 ], "name": "32080 orange", "shade": "Orange", "text": "The shiny orange. A dynamic, youthful and optimistic colour" }, { "rgb": [ 220, 141, 103 ], "name": "32081 orange clair", "shade": "Orange", "text": "The orange apricot. A dynamic, touching and consistently attractive ton" }, { "rgb": [ 234, 207, 185 ], "name": "32082 orange pâle", "shade": "Orange", "text": "The sandy orange. Earthy, gentle and constructive. The second mural ‘Sand’ colour" }, { "rgb": [ 155, 55, 56 ], "name": "32090 rouge vermillon 31", "shade": "Red", "text": "The deep dynamic red. Or the luminescent vermilion red" }, { "rgb": [ 230, 205, 191 ], "name": "32091 rose pâle", "shade": "Red", "text": "The gentle pink. Earthy, warm and restrained. The first shade with ‘Masonry’ significance" }, { "rgb": [ 143, 58, 67 ], "name": "32100 rouge carmin", "shade": "Red", "text": "The noble carmine red. Steeped in history, dignified and brilliant" }, { "rgb": [ 148, 58, 77 ], "name": "32101 rouge rubia", "shade": "Red", "text": "The artistic red. The tradition-rich red of famous painters" }, { "rgb": [ 214, 175, 166 ], "name": "32102 rose clair", "shade": "Red", "text": "The bright pink. Or the medium dynamic rose" }, { "rgb": [ 139, 77, 62 ], "name": "32110 l'ocre rouge", "shade": "Red ochre & Brown", "text": "The red of ancient architecture. An earthy and deeply luminescent nuance" }, { "rgb": [ 205, 152, 134 ], "name": "32111 l'ocre rouge moyen", "shade": "Red ochre & Brown", "text": "The medium Terracotta. An earthy and warm tone, which emphasises comfort" }, { "rgb": [ 219, 190, 170 ], "name": "32112 l'ocre rouge clair", "shade": "Red ochre & Brown", "text": "The bright red ochre. Earthy and stable. The second shade with ‘Masonry’ significance" }, { "rgb": [ 104, 68, 60 ], "name": "32120 terre sienne brûlée 31", "shade": "Red ochre & Brown", "text": "The deeply burnt sienna. It fixes the wall impressively" }, { "rgb": [ 182, 123, 102 ], "name": "32121 terre sienne brique", "shade": "Red ochre & Brown", "text": "The light brick red. Suited for timeless colour combinations" }, { "rgb": [ 216, 178, 154 ], "name": "32122 terre sienne claire 31", "shade": "Red ochre & Brown", "text": "The colour of the summery masonry. Loamy and soft. The third ‘Masonry’ shade" }, { "rgb": [ 226, 203, 181 ], "name": "32123 terre sienne pâle", "shade": "Red ochre & Brown", "text": "The pale sienna. A sandy, discreet and stable colour shade" }, { "rgb": [ 76, 66, 61 ], "name": "32130 terre d'ombre brûlée 31", "shade": "Umber", "text": "The marron. Deeply red brown, burnt. Like a chestnut" }, { "rgb": [ 183, 163, 146 ], "name": "32131 ombre brûlée claire", "shade": "Umber", "text": "The burnt umber. An ideal background colour. The third shade with mural value of ‘Sand’" }, { "rgb": [ 90, 85, 80 ], "name": "32140 ombre naturelle 31", "shade": "Umber", "text": "The dark natural umber. An elegant brown grey colour" }, { "rgb": [ 146, 138, 126 ], "name": "32141 ombre naturelle moyenne", "shade": "Umber", "text": "The grey brown natural umber. A balanced, aesthetic and appealing colour" }, { "rgb": [ 183, 172, 157 ], "name": "32142 ombre naturelle claire", "shade": "Umber", "text": "The discrete natural umber. As shadow colour, ideal for combinations" }, { "rgb": [ 172, 68, 58 ], "name": "4320A rouge vermillon 59", "shade": "Red", "text": "The cinnabar red. A fiery shade which catches the eye and reduces the space" }, { "rgb": [ 234, 228, 215 ], "name": "4320B blanc ivoire", "shade": "White", "text": "The ivory white. Elegant, charming, chalky. The calm background colour" }, { "rgb": [ 219, 163, 175 ], "name": "4320C rose vif", "shade": "Red", "text": "The luminous pink. Less earthy and mostly used as complement to other luscious colours" }, { "rgb": [ 116, 68, 56 ], "name": "4320D terre sienne brûlée 59", "shade": "Red ochre & Brown", "text": "The deep brown sienna. A burnt, rich, dynamic and stable colour tone" }, { "rgb": [ 58, 59, 59 ], "name": "4320E noir d'ivoire", "shade": "Grey & Black", "text": "The ivory black. Black as the night. Le Corbusier’s only, impressive black tone" }, { "rgb": [ 184, 161, 54 ], "name": "4320F vert olive vif", "shade": "Green", "text": "The olive green. Green yellow or yellow green? A unique classic" }, { "rgb": [ 66, 143, 112 ], "name": "4320G vert 59", "shade": "Green", "text": "The emerald green. A dynamic shade with luminous power" }, { "rgb": [ 129, 134, 139 ], "name": "4320H gris 59", "shade": "Grey & Black", "text": "The dynamic medium grey. It reacts stable and dynamic in any light" }, { "rgb": [ 64, 60, 58 ], "name": "4320J terre d'ombre brûlée 59", "shade": "Umber", "text": "The dark burnt umber. Resembles mahogany. It can camouflage and hide" }, { "rgb": [ 57, 87, 165 ], "name": "4320K bleu outremer 59", "shade": "Blue", "text": "The spectacular ultramarine. An impressive colour shade which moves worlds" }, { "rgb": [ 219, 176, 127 ], "name": "4320L ocre jaune clair", "shade": "Ochre & Yellow", "text": "The golden ochre. A deep, powerful and very present colour tone" }, { "rgb": [ 116, 57, 59 ], "name": "4320M le rubis", "shade": "Red", "text": "The ruby. It is darksome and shining, velvety, festive and luxurious" }, { "rgb": [ 122, 167, 203 ], "name": "4320N bleu céruléen 59", "shade": "Blue", "text": "Represents sky and sea. The colour shade is virtually infinitely combinable" }, { "rgb": [ 146, 150, 154 ], "name": "4320O gris clair 59", "shade": "Grey & Black", "text": "The grey in the morning. Somewhat cool. The shade is receding in contrast to white" }, { "rgb": [ 221, 191, 153 ], "name": "4320P terre sienne claire 59", "shade": "Ochre & Yellow", "text": "The natural sienna ochre. Earthy, warm and softer than yellow" }, { "rgb": [ 69, 66, 62 ], "name": "4320R ombre naturelle 59", "shade": "Umber", "text": "The deeply dark natural umber. Camouflaging, emphasising other colours" }, { "rgb": [ 196, 94, 58 ], "name": "4320S orange vif", "shade": "Orange", "text": "The powerful orange. Saturated and energetic. It steps forward and unfolds bold effects" }, { "rgb": [ 49, 61, 107 ], "name": "4320T bleu outremer foncé", "shade": "Blue", "text": "The profound ultramarine blue. A fascinating shade which reflects infinity" }, { "rgb": [ 96, 100, 106 ], "name": "4320U gris foncé 59", "shade": "Grey & Black", "text": "The dark grey. Strong, rich and close to a metallic effect" }, { "rgb": [ 242, 187, 29 ], "name": "4320W le jaune vif", "shade": "Ochre & Yellow", "text": "The yellow colour of the sun. It shines impressively in good light" } ] })35:[] 32:{"id":"802200a6cc6890eb","slug":"le-corbusier-color-pallete","title":"Le Corbusier Color Pallete","thumbnail":"2772df8d0e0e0c45c012c23c7a0b8ddc74f106fbefa76ffc5f864bc799ccbbc6","access_level":"public","create_time":"$D2021-03-17T14:14:47.316Z","update_time":"$D2024-03-31T11:37:31.829Z","view_time":null,"first_public_time":"$D2021-03-17T15:08:05.639Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b7e5b2f89b823a97","login":"taekie","name":"taekie","avatar_url":"https://avatars-next.observableusercontent.com/be34fc83e1c21b2cc0145ceebbde48e5fcfa280c49aa41dbd746a1c3c1847b81","tier":"pro_2024"},"version":384,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8bc558cbad6934ee","login":"taekie","name":"taekie","avatar_url":"https://avatars-next.observableusercontent.com/be34fc83e1c21b2cc0145ceebbde48e5fcfa280c49aa41dbd746a1c3c1847b81","tier":null}],"members":[{"type":"individual","id":"8bc558cbad6934ee","login":"taekie","name":"taekie","avatar_url":"https://avatars-next.observableusercontent.com/be34fc83e1c21b2cc0145ceebbde48e5fcfa280c49aa41dbd746a1c3c1847b81","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Le Corbusier Color Pallete","cells":[{"id":0,"value":"md`# Le Corbusier Color Pallete`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"md `### The 63 architectural colours in Le Corbusier's colour system\\n \nsource : https://www.lescouleurs.ch/en/the-colours/63-colours/`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"swatches(filteredColors.map(d=>d.hex))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"md `### Color Filter`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"viewof hue = rangeSlider({\n min: 0,\n max: 365,\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [0, 365],\n // Custom slider CSS, replaces all styles.\n // theme: theme_Flat,\n // Overrides the range color. Support for range colors is up to the theme.\n color:'#364a5e',\n format: '.0d',\n title: 'Hue',\n // description: 'Hue filter',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"viewof saturation = rangeSlider({\n min: 0,\n max: 1,\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [0, 1],\n // Custom slider CSS, replaces all styles.\n // theme: theme_Flat,\n // Overrides the range color. Support for range colors is up to the theme.\n color:'#364a5e',\n format: '.0%',\n title: 'Saturation',\n // description: 'lightness filter',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"viewof lightness = rangeSlider({\n min: 0,\n max: 1,\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [0, 1],\n // Custom slider CSS, replaces all styles.\n // theme: theme_Flat,\n // Overrides the range color. Support for range colors is up to the theme.\n color:'#364a5e',\n format: '.0%',\n title: 'Lightness',\n // description: 'lightness filter',\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"### RGB Codes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":372,"value":"rgbCodes = Inputs.textarea({\n value: filteredColorsRGB.join(\", \"),\n rows: 6\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"### Hex Codes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":282,"value":"hexCodes = Inputs.textarea({\n value: filteredColorsHEX.join(\", \"),\n rows: 6\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"swatchesWithName(filteredColors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"### Codes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"lcColorsRGB=lecorbusierColors.colors.map(d=>{return `rgb(${d.rgb[0]},${d.rgb[1]},${d.rgb[2]})`})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"lcColorsHEX=lcColorsRGB.map(d=>d3.color(d).formatHex())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"lcColorsHSL=lcColorsRGB.map(d=>d3.color(d).formatHsl())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"lcColors=lecorbusierColors.colors.map((d,i)=>{\n const hsl=lcColorsHSL[i]\n let [hue,saturation,lightness]=hsl.match(/([0-9\\.]+)/g).map(d=>parseFloat(d))\n return {...d,hex:lcColorsHEX[i],hsl,hue,saturation,lightness}\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"filteredColors=lcColors.filter(d=>{\n // const [h,s,l]=d.hsl.match(/([0-9\\.]+)/g).map(d=>parseFloat(d))\n return d.hue>=hue[0] && d.hue<=hue[1] && d.saturation>=saturation[0]*100 && d.saturation<=saturation[1]*100 && d.lightness>=lightness[0]*100 && d.lightness<=lightness[1]*100\n}).sort((a,b)=>d3.ascending(a.lightness,b.lightness))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"filteredColorsHEX=filteredColors.map(d=>d.hex)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"filteredColorsRGB = filteredColors.map(\n (d) => `rgb(${d.rgb[0]},${d.rgb[1]},${d.rgb[2]})`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"function swatches(colors) {\n return html`${colors.map(c => `

`)}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"function swatchesWithName(colors) {\n return html`

${c.hex}
${c.text.split(\".\")[0]} ${\n c.text.split(\".\")[1]\n }`\n )}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"import {rangeSlider} from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 33:"$32:body"