Appearance

Getting started ​

Open colorgen.trinhlabs.com. There's nothing to install and nothing to sign into — the app opens on the Palette tool with a palette already generated, so you can start moving sliders immediately.

1. Pick a starting point ​

Two ways in, and they mix freely:

  • A preset. The Presets tab on the left holds fourteen moods — Nature, Cyberpunk, DMG-Classic, PS1-Era, Vaporwave and the rest. Clicking one sets the seeds, the algorithm, and the hue/saturation/lightness constraints it randomizes inside.
  • Your own seed. Type a hex into a Harmony Seeds row, or click its swatch to open the picker. Everything else is derived from the seeds.

2. Shape it ​

The right panel is the generator. Pick an Algorithm — Analogous for a cohesive scene, Triadic or Tetradic when you need colors to fight each other, Color Ramps when you want stepped shading ramps rather than a flat set.

Then the sliders:

SliderWhat it does
CountHow many colors come out, 4–64
Saturation / LightnessShifts the whole palette, −50% to +50%
SpreadHow far around the hue wheel the harmony reaches, 5°–120°
VariationHow much random wander each color gets, 0–60%

Press R to re-roll. Anything you want to keep, lock first: right-click a swatch on the board to lock it, or use the padlock beside a seed. Locked colors survive every re-roll.

Lock two, roll the rest

The fastest way to land a palette is to commit to one or two colors, lock them, and hammer R until the rest fall into place around them.

3. Check it holds up ​

Two checks worth doing before you commit:

  • Sort it. The sort dropdown in the toolbar reorders by Smooth, Hue, Lightness, Saturation, Luminance, or just Reverse. Sorting by Lightness makes gaps and clumps in your value range obvious at a glance.
  • Simulate color blindness. The eye icon switches the board into Protanopia, Deuteranopia, Tritanopia or Achromatopsia. Colors that become indistinguishable are flagged, and one button nudges them apart.

4. Export ​

Hit Export (or Ctrl+E). Leave PNG and JSON checked — those are the two Proto Color reads — and choose a layout:

  • Strip — one cell per color in a row. Keep 32 px per swatch; that's what the Blender add-on writes itself.
  • Square — a power-of-two grid, sized 64 to 2048, matching the add-on's atlas sizes.

Full breakdown of every format on the Export page.

5. Bring it into Blender ​

In Blender, open the PROTO:COLOR panel in the 3D View sidebar and import the file you just saved from the palette library — the JSON carries the palette name and colors, the PNG works as a palette image. From there it's the normal Proto Color workflow: generate materials, then color your blockout.

See the Color tab for what happens next.

Next ​