Pular para o conteúdo
Paletas do Grabient

Ciano, verde-claro, amarelo e laranja: amostras lineares

Ciano, verde-claro, amarelo e laranja: paleta de cores

Amostras lineares, 8 cores a 180°: #67fcff, #64fef3, #7fffbf, #a0ff88, #b6f742, #d1e100, #e9cb00, #fbb205. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

  • #67fcff
  • #64fef3
  • #7fffbf
  • #a0ff88
  • #b6f742
  • #d1e100
  • #e9cb00
  • #fbb205

CSS

background: linear-gradient(180deg, oklch(91.34% 0.1262 196.87) 0.000% 12.500%, oklch(91.36% 0.1306 188.23) 12.500% 25.000%, oklch(91.01% 0.1459 159.71) 25.000% 37.500%, oklch(91.40% 0.1794 139.55) 37.500% 50.000%, oklch(90.07% 0.2113 127.58) 50.000% 62.500%, oklch(86.88% 0.1970 115.06) 62.500% 75.000%, oklch(84.13% 0.1741 98.52) 75.000% 87.500%, oklch(81.10% 0.1681 78.52) 87.500% 100.000%);

Nestas coleções

Gradientes de verãoGradientes de primaveraGradientes multicoloridos clarosPólen dourado

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona