Arco-íris de laranja a verde: amostras angulares

Amostras angulares, 5 cores a 90°: #f57c03, #ef6c02, #8e23a9, #46279f, #2b7d33. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f57c03
• #ef6c02
• #8e23a9
• #46279f
• #2b7d33

CSS

background: conic-gradient(from 90deg, oklch(71.26% 0.1791 53.44) 0.000% 20.000%, oklch(68.11% 0.1846 48.15) 20.000% 40.000%, oklch(48.82% 0.2081 318.33) 40.000% 60.000%, oklch(39.37% 0.1805 286.63) 60.000% 80.000%, oklch(52.36% 0.1350 145.02) 80.000% 100.000%);

Nestas coleções

Amostras de cores secundárias

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona