
Click a swatch to copy its HEX; hover for the OKLCH value.
The gradient distilled from the scene, unrolled left to right by stop; the authored angle is 180° (used by the hero and exports), while gallery cards share a uniform 135° sweep.
A chroma allowance — p99 minus the median — does not measure how high the single most chromatic point stands. It measures how thick the clump pressed against the ceiling is, and that thickness depends on what the clump actually is. Vissudha Field is the zero end: 0.113 minus 0.088 leaves just 0.025. The reason is not the peak, which at 0.148 is not low. It is that 3988 of the frame's 4000 most chromatic pixels land on the grass plateau at lower right — and the green family's mean chroma is 0.089, identical to the blue that occupies 67.68%, and equal to the frame median of 0.088. The top is the near end of the lead colour, not a second thing. To learn whether a picture still has a chroma focus available, don't read Cmax: circle the clump at the top and ask who it is. If it is the lead colour itself, that channel is empty.
CSS variables, a Tailwind v4 theme or SVG — one click to copy into your project.
/* Vissudha Field in a Solar Halo · Vissudha Field in a Solar Halo — Teyvat Palette */
:root {
--sky-crown: oklch(0.7 0.101 236); /* Sky Crown #5aa8d5 */
--ridge-haze: oklch(0.65 0.087 239); /* Ridge Haze #5a97bf */
--peak-glare: oklch(0.98 0.006 215); /* Peak Glare #f4fafb */
--cliff-teal: oklch(0.65 0.063 190); /* Cliff Teal #609c98 */
--plateau-green: oklch(0.68 0.089 150); /* Plateau Green #6fa87b */
--near-slope: oklch(0.7 0.107 143); /* Near Slope #76b072 */
--gradient-vissudha-field: linear-gradient(180deg, oklch(0.7 0.101 236) 0%, oklch(0.98 0.006 215) 26%, oklch(0.65 0.087 239) 46%, oklch(0.65 0.063 190) 72%, oklch(0.7 0.107 143) 100%);
}A 1080×1350 PNG carrying the scene, its palette and every value — save it and post it as is.