display-p3CYM spectral mixHello, apcachHello, spectral.jsMetbrewer color schemesFabio Crameri’s ColormapsColorcetXKCD painbow color mapNamed CSS colorsOil SlickGrid illusionsUMAP SleepwalkSliced Optimal TransportCanvas path blurBlue FluoriteWalk on Spheres — segments editionWalk on SpheresGraphene Moiré 1.1CMasher color interpolators (#27)Interpolate colors with Catmull-Rom/Cubic/Monotone…?“Perceptually uniform”?Hue blurcmocean color interpolators (#27)Linde–Buzo–Gray RGB Color stipplingAutochromeforcePolarforceAngularcolor2cssRandom ColorsCanvas SpiralFrida Kahlo’s paletteHello glitchBlack and white colored castelo
Hello, Color.js
Color = import("https://colorjs.io/dist/color.js?1").then((d) => d.default)
viewof a = show(new Color("slategray"))
viewof b = show(new Color("hwb", [60, 30, 40], 0.5))
// the super-vivid P3 colors work only on Safari for now
show(new Color({ space: "p3", coords: [0, 1, 0], alpha: 0.9 }))
show = (color) =>
htl.html`<div style=${{
background: color,
color: color.lch.l > 60 ? "black" : "white"
}}>${color}`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
