palette-shader 0.14.0 → 0.15.0

package/README.md

@@ -1,6 +1,6 @@
 # palette-shader
 
-A dependency-free WebGL2 shader that maps any color palette across a 3-D perceptual color space and snaps each pixel to the nearest palette color. Visualize how a palette distributes across 20+ color models and eight distance metrics, all on the GPU. Includes 2-D cross-section views (`PaletteViz`) and an interactive 3-D cube/cylinder view (`PaletteViz3D`) with trackball rotation.
+A dependency-free WebGL2 shader that maps any color palette across a 3-D perceptual color space and snaps each pixel to the nearest palette color. Visualize how a palette distributes across 30+ color models and ten distance metrics, all on the GPU. Includes 2-D cross-section views (`PaletteViz`) and an interactive 3-D cube/cylinder view (`PaletteViz3D`) with trackball rotation.
 
 [**Live demo →**](https://meodai.github.io/color-palette-shader/)
 
@@ -191,14 +191,16 @@ Controls the 3-D color space the visualization is rendered in. Polar variants (`
 
 **OK — Lab / LCH**
 
-| Value           | Shape | Description                                                                          |
-| --------------- | ----- | ------------------------------------------------------------------------------------ |
-| `'oklab'`       | cube  | Raw OKLab: x→a, y→b, z→L.                                                            |
-| `'oklch'`       | cube  | OKLab in cylindrical LCH coordinates. Ideal for chroma or lightness slices.          |
-| `'oklchPolar'`  | wheel | Polar form of OKLch.                                                                 |
-| `'oklrab'`      | cube  | OKLab with toe-corrected lightness (Lr). Better perceptual uniformity in dark tones. |
-| `'oklrch'`      | cube  | OKLrab in cylindrical LCH coordinates.                                               |
-| `'oklrchPolar'` | wheel | Polar form of OKLrch.                                                                |
+| Value            | Shape    | Description                                                                          |
+| ---------------- | -------- | ------------------------------------------------------------------------------------ |
+| `'oklab'`        | cube     | Raw OKLab: x→a, y→b, z→L.                                                            |
+| `'oklch'`        | cube     | OKLab in cylindrical LCH coordinates. Ideal for chroma or lightness slices.          |
+| `'oklchPolar'`   | wheel    | Polar form of OKLch.                                                                 |
+| `'oklchDiag'`    | diagonal | Complementary hue plane: lightness on the diagonal, signed chroma on the anti-diagonal. Two opposite hues share the same view — no gray band in the middle. |
+| `'oklrab'`       | cube     | OKLab with toe-corrected lightness (Lr). Better perceptual uniformity in dark tones. |
+| `'oklrch'`       | cube     | OKLrab in cylindrical LCH coordinates.                                               |
+| `'oklrchPolar'`  | wheel    | Polar form of OKLrch.                                                                |
+| `'oklrchDiag'`   | diagonal | Complementary hue plane in OKLrch. Same diagonal layout as `oklchDiag` with toe-corrected lightness. |
 
 **CIE Lab / LCH — D65**
 
@@ -228,6 +230,22 @@ Controls the 3-D color space the visualization is rendered in. Polar variants (`
 | `'hwbPolar'` | wheel | Polar form of HWB.                                   |
 | `'rgb'`      | cube  | Raw sRGB cube. Useful as a baseline.                 |
 
+**Quantized RGB**
+
+| Value        | Shape | Description                                                      |
+| ------------ | ----- | ---------------------------------------------------------------- |
+| `'rgb6bit'`  | cube  | 2-bit per channel (64 colors). Game Boy–era palettes.            |
+| `'rgb8bit'`  | cube  | 3-3-2 bit (256 colors). CGA-style quantization.                 |
+| `'rgb12bit'` | cube  | 4-bit per channel (4096 colors). Amiga / NTSC.                  |
+| `'rgb15bit'` | cube  | 5-bit per channel (32768 colors). SVGA HiColor.                 |
+| `'rgb18bit'` | cube  | 6-bit per channel (262144 colors). VGA.                          |
+
+**Spectral**
+
+| Value        | Shape | Description                                                                                                                                                     |
+| ------------ | ----- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `'spectrum'` | cube  | Visible light wavelengths (410–665 nm) plus purple line, modulated in OKLab. Inspired by censor's SpectroBoxWidget. X→wavelength, Y→lightness, Z→chroma scale. |
+
 The OK-variants rely on Björn Ottosson's gamut-aware implementation and produce significantly more even hue distributions than the classic variants at the same GPU cost.
 
 ### Cube vs. polar — which to use?
@@ -248,10 +266,12 @@ Controls how "nearest palette color" is determined per pixel.
 
 **OK**
 
-| Value      | Description                                                                                             | Cost |
-| ---------- | ------------------------------------------------------------------------------------------------------- | ---- |
-| `'oklab'`  | **Default.** Euclidean distance in OKLab. Fast, perceptually uniform, excellent general-purpose choice. | low  |
-| `'oklrab'` | Euclidean in OKLab with toe-corrected lightness. Slightly better uniformity in dark tones than OKLab.   | low  |
+| Value           | Description                                                                                             | Cost |
+| --------------- | ------------------------------------------------------------------------------------------------------- | ---- |
+| `'oklab'`       | **Default.** Euclidean distance in OKLab. Fast, perceptually uniform, excellent general-purpose choice. | low  |
+| `'oklrab'`      | Euclidean in OKLab with toe-corrected lightness. Slightly better uniformity in dark tones than OKLab.   | low  |
+| `'okLightness'` | Absolute lightness difference in OKLab (`|ΔL|`). Ignores hue and chroma — groups by brightness only.   | low  |
+| `'liMatch'`     | Spatially varying blend: full OKLab distance at the left edge, pure lightness match at the right. Inspired by censor's li-match. Useful for visualising tonal structure. | low  |
 
 **CIE — D65**
 

package/dist/palette-shader.d.ts

@@ -4,7 +4,7 @@ export declare type ColorList = ColorRGB[];
 
 export declare type ColorRGB = [number, number, number];
 
-export declare type DistanceMetric = 'rgb' | 'oklab' | 'deltaE76' | 'deltaE94' | 'deltaE2000' | 'kotsarenkoRamos' | 'oklrab' | 'cielabD50';
+export declare type DistanceMetric = 'rgb' | 'oklab' | 'deltaE76' | 'deltaE94' | 'deltaE2000' | 'kotsarenkoRamos' | 'oklrab' | 'cielabD50' | 'okLightness' | 'liMatch';
 
 export declare const fragmentShader: string;
 
@@ -132,6 +132,6 @@ export declare type PaletteVizOptions = {
 
 export declare const randomPalette: (size?: number) => ColorList;
 
-export declare type SupportedColorModels = 'rgb' | 'rgb12bit' | 'rgb8bit' | 'rgb18bit' | 'rgb6bit' | 'rgb15bit' | 'oklab' | 'okhsv' | 'okhsvPolar' | 'okhsl' | 'okhslPolar' | 'oklch' | 'oklchPolar' | 'hsv' | 'hsvPolar' | 'hsl' | 'hslPolar' | 'hwb' | 'hwbPolar' | 'oklrab' | 'oklrch' | 'oklrchPolar' | 'cielab' | 'cielch' | 'cielchPolar' | 'cielabD50' | 'cielchD50' | 'cielchD50Polar';
+export declare type SupportedColorModels = 'rgb' | 'rgb12bit' | 'rgb8bit' | 'rgb18bit' | 'rgb6bit' | 'rgb15bit' | 'oklab' | 'okhsv' | 'okhsvPolar' | 'okhsl' | 'okhslPolar' | 'oklch' | 'oklchPolar' | 'hsv' | 'hsvPolar' | 'hsl' | 'hslPolar' | 'hwb' | 'hwbPolar' | 'oklrab' | 'oklrch' | 'oklrchPolar' | 'cielab' | 'cielch' | 'cielchPolar' | 'cielabD50' | 'cielchD50' | 'cielchD50Polar' | 'spectrum' | 'oklchDiag' | 'oklrchDiag';
 
 export { }