Prism · Phase 2 · editor
Swatch editor
The sliders drive the generator across the full 3-model by 4-mode matrix below. The tiles render in isolation, so the rest of the page keeps the theme you walked in with.
| Light | Dark | Hybrid | Neomorphic | |
|---|---|---|---|---|
| Analogous | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — |
| Split-complementary | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — |
| Complementary | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — | Aa The quick brown fox jumps over the lazy dog. contrast — |
Primary accents
OKLCH values produced for each of the 12 tiles' primary accent after intensity A is applied.
— — — — — — — — — — — —