Pular para o conteúdo
Paletas do Grabient

Azul, pêssego, caramelo e roxo: amostras lineares

Azul, pêssego, caramelo e roxo: paleta de cores

Amostras lineares, 8 cores a 45°: #414fd7, #561ded, #9423e0, #de67b2, #ffb781, #ffd56f, #e0ae8a, #8c68b1. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

  • #414fd7
  • #561ded
  • #9423e0
  • #de67b2
  • #ffb781
  • #ffd56f
  • #e0ae8a
  • #8c68b1

CSS

background: linear-gradient(45deg, oklch(50.39% 0.2067 272.11) 0.000% 12.500%, oklch(48.03% 0.2701 281.62) 12.500% 25.000%, oklch(53.94% 0.2563 305.93) 25.000% 37.500%, oklch(68.11% 0.1709 343.97) 37.500% 50.000%, oklch(83.46% 0.1087 56.89) 50.000% 62.500%, oklch(88.98% 0.1298 87.54) 62.500% 75.000%, oklch(78.74% 0.0758 56.88) 75.000% 87.500%, oklch(58.27% 0.1157 305.93) 87.500% 100.000%);

Nestas coleções

Gradientes brilhantesGradientes de verãoGradientes multicoloridos vivos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona