← Back

Palettope.

topology-aware SOM palettes · open source · free

Palettope — palette extractor view

A self-organizing-map palette extractor where the palette grid lives on a user-defined topological surface. Configure edge identifications via drag-based hotspots — open, wrapped, twisted, pinched, joined — and the SOM trains on any surface you can describe: rectangle, sphere, torus, Klein bottle, Möbius strip, cross-cap, quadrupole.

Two modes

Palettope mode

Load an image, configure topology, get a palette that lives on that surface. GPU-accelerated SOM training via a WebGL2 shader that computes topology-aware distance. 3D mesh visualization morphs between flat palette and shaped topology. Export as a GIMP .gpl palette.

Color cube — RGB space visualization

Graph mode (new)

Build arbitrary node graphs (right-click to add, shift+drag to connect). SOM training uses BFS shortest-path distance as the neighborhood metric. Force-directed layout with color-distance weighting. 2D (SVG) and 3D (Three.js) views. This is how the brand palette for this site was extracted.

Tiling extract — palette from a tile pattern

Stack

React + TypeScript + Three.js + Vite / GPU-accelerated SOM via WebGL2 shader