Palette editor
Tetra
Tetra is a free, browser-based palette editor. Build cosine gradients and color arrays, extract palettes from images, and export to CSS, shader code, and design tool formats.
- Free
- Browser
- No account
Overview
Tetra creates and organizes color palettes for Noisedeck-compatible procedural gradients and discrete color arrays. Pick colors by hand, generate them from cosine functions, or extract them from an image.
Palettes are stored in collections in the browser, and export to the formats that web, shader, and design tools use.
Features
-
Cosine palette editor
Build procedural gradients from cosine functions, with presets for each color space.
-
Color array editor
Arrange colors with adjustable gradient stop positions.
-
Image color extraction
Extract palettes with K-Means, Median Cut, Histogram, Vibrant, or Random sampling, with a magnifier loupe.
-
Color spaces
Work in RGB, HSV, OkLab, or OKLCH.
-
Collections
Organize palettes in a sidebar. Collections are stored in the browser.
-
Export
CSS, CSS gradient, SCSS, Tailwind, GLSL, WGSL, JSON, hex list, PNG, SVG, ASE, GPL, and share URLs.
-
Import
Tetra, JSON, GPL, Paint.NET, ASE, ACO, hex list, and CSS.
Specifications
| Platforms | Web browser |
|---|---|
| Color spaces | RGB, HSV, OkLab, OKLCH |
| Export formats | CSS, CSS gradient, SCSS, Tailwind, GLSL, WGSL, JSON, Tetra, hex list, PNG, SVG, ASE, GPL, share URL |
| Import formats | Tetra, Tetra library, JSON, GPL, Paint.NET, ASE, ACO, hex list, CSS |
| Storage | Local to the browser (IndexedDB) |
| Price | Free |
Get started
- Open tetra.noisedeck.app.
- Create a cosine palette or a color array, or extract one from an image.
- Save it to a collection.
- Export it as CSS, GLSL, WGSL, or a design tool swatch file.
Resources
Questions
- What is a cosine palette?
- A gradient defined by cosine functions for each color channel. It is compact, smooth, and easy to evaluate in a shader.
- Can I use Tetra palettes in shaders?
- Yes. Tetra exports palettes as GLSL and WGSL code as well as CSS and JSON.
- Is Tetra free?
- Yes. Tetra is free and runs in the browser without an account.