2d:null 2e:["$","title",null,{"children":"Towards reference ranges for unbounded color components | Dan Burzo | Observable"}] 33:T417,html`

rec2020 (emulated) display-p3 srgb

${[square((i,j) => { let c = culori.rec2020(culori.oklab({ l: oklab_l, a: scale(i/100, oklab_scale_factor), b: scale(j/100, oklab_scale_factor) })); return display(c, oklab_gamut, oklab_delta) ? [c.r * 255, c.g * 255, c.b * 255, 255] : out_of_gamut; }, 100, 'srgb'), square((i,j) => { let c = culori.p3(culori.oklab({ l: oklab_l, a: scale(i/100, oklab_scale_factor), b: scale(j/100, oklab_scale_factor) })); return display(c, oklab_gamut, oklab_delta) ? [c.r * 255, c.g * 255, c.b * 255, 255] : out_of_gamut; }, 100, 'display-p3'), square((i,j) => { let c = culori.rgb(culori.oklab({ l: oklab_l, a: scale(i/100, oklab_scale_factor), b: scale(j/100, oklab_scale_factor) })); return display(c, oklab_gamut, oklab_delta) ? [c.r * 255, c.g * 255, c.b * 255, 255] : out_of_gamut; }, 100, 'srgb')]}

`;34:[] 31:{"id":"5be446334ace25ff","slug":"lab-reference-ranges","title":"Towards reference ranges for unbounded color components","thumbnail":"ab9eba4444a642b923fa28094f2b435d6311d9d98d2adab24e0fd0081a82791a","access_level":"public","create_time":"$D2021-10-26T13:37:46.311Z","update_time":"$D2021-10-27T10:30:34.738Z","view_time":null,"first_public_time":"$D2021-10-26T15:02:55.307Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":"starter_2024"},"version":339,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0303102bdc18d54b","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":null}],"members":[{"type":"individual","id":"0303102bdc18d54b","login":"danburzo","name":"Dan Burzo","avatar_url":"https://avatars-next.observableusercontent.com/35c5b738eddc0f17cce4d7d76150fa2d2bb131de4cbd2c6d40541e0abac56af9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"496ce6a89b187242","slug":"color-exploration","title":"Color","owner":{"id":"d2d1bf09f301c5bc","login":"danburzo","name":"Dan Burzo"}},"type":"notebook","body":{"title":"Towards reference ranges for unbounded color components","cells":[{"id":182,"value":"md`\n# Towards reference ranges for unbounded color components\n\nThe range of some components in some color spaces are theoretically unbounded. Examples of this include the \\`a\\` and \\`b\\` components of CIELAB and Oklab, or the Chroma of CIELCh and Oklch colors.\n\nThis notebook explores whether some sensible reference ranges can be established for these components, to enable the usage of percentage values in the \\`color()\\` CSS syntax, as discussed in [csswg-drafts#6741](https://github.com/w3c/csswg-drafts/issues/6741).\n\n__Note:__ The notebook will make most visual sense when viewed on a screen that can render the full Display P3 gamut, in a browser that supports the \\`display-p3\\` color space on the HTML \\`