This black to copper to gold conic gradient is an editable CSS color system generated with OKLCH-aware perceptual interpolation, multi-stop fallback compilation, and Tailwind CSS utility export. It preserves chroma during transitions, reducing muddy gray midpoints while giving developers production-ready CSS and designers precise visual control.

Physics Preview Workspace

Perceptual CSS gradients without muddy midpoints.

Build layered linear, radial, conic, and mesh gradients using OKLCH, LAB, HCL, easing curves, blend modes, and fallback compilers.

White text

8.64:1

WCAG AA friendly

Black text

7.40:1

WCAG AA friendly

Pre-rendered CSS output

.prismforge-gradient {
  background: conic-gradient(from 0deg at 50% 50%, #0c0a09 0%, #a16207 50%, #fde68a 100%);
  background: conic-gradient(from 0deg at 50% 50%, #0c0a09 0%, #0e0b0a 4.5%, #150f0c 9.1%, #21150f 13.6%, #321f12 18.2%, #472b15 22.7%, #5f3817 27.3%, #764616 31.8%, #895212 36.4%, #965b0e 40.9%, #9e6009 45.5%, #a16207 50%, #a36408 54.5%, #a96a0c 59.1%, #b27412 63.6%, #bf831d 68.2%, #ce962e 72.7%, #dcab43 77.3%, #e8c05a 81.8%, #f1d06f 86.4%, #f8dd7e 90.9%, #fce487 95.5%, #fde68a 100%);
  background: conic-gradient(from 0deg at 50% 50% in oklch, oklch(14.69% 0.0041 49.25) 0%, oklch(55.38% 0.1207 66.44) 50%, oklch(92.43% 0.1151 95.75) 100%);
  background-blend-mode: normal;
}

Full-width inspiration gallery

120 mathematically tuned gradient collections.

Each preset links to an indexable dynamic route with deterministic related gradients, metadata, crawlable anchors, and editable OKLCH controls.