Pular para o conteúdo
Paletas do Grabient

Azul, verde-claro, amarelo e bege: gradiente linear

Azul, verde-claro, amarelo e bege: paleta de cores

Gradiente linear, 7 cores a 90°: #2b72b4, #a7e98b, #7be48b, #2154b7, #2cab53, #edd17b, #fafef3. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

  • #2b72b4
  • #a7e98b
  • #7be48b
  • #2154b7
  • #2cab53
  • #edd17b
  • #fafef3

CSS

background: linear-gradient(90deg in oklch, oklch(53.94% 0.1254 250.31) 0.0%, oklch(86.89% 0.1416 136.85) 16.7%, oklch(83.28% 0.1575 147.30) 33.3%, oklch(47.24% 0.1667 261.94) 50.0%, oklch(65.49% 0.1668 149.02) 66.7%, oklch(86.53% 0.1100 91.56) 83.3%, oklch(99.21% 0.0152 122.45) 100.0%);

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona