Pular para o conteúdo

Paletas do Grabient

Verde-escuro para verde (monocromático): gradiente linear

Verde-escuro para verde (monocromático): paleta de cores

Gradiente linear, 32 cores a 135°: #002419, #013628, #014e3b, #01644a, #047857. Edite e exporte CSS, SVG, PNG ou um shader.

3 quadros-chave OKLCH editáveis.

  • #002419
  • #00251a
  • #00271c
  • #00291d
  • #002b1f
  • #002e21
  • #003023
  • #003325
  • #013628
  • #01392a
  • #013c2d
  • #013f2f
  • #014332
  • #014634
  • #014937
  • #014c39
  • #014e3b
  • #01513d
  • #01543f
  • #015742
  • #015b44
  • #015e46
  • #016148
  • #01644a
  • #01674c
  • #026a4e
  • #026d50
  • #027052
  • #037253
  • #037455
  • #047656
  • #047857

CSS

background: linear-gradient(135deg in oklch, oklch(23.12% 0.0467 168.24) 0.0%, oklch(23.64% 0.0477 168.28) 3.2%, oklch(24.27% 0.0489 168.35) 6.5%, oklch(25.00% 0.0502 168.44) 9.7%, oklch(25.81% 0.0518 168.53) 12.9%, oklch(26.70% 0.0534 168.64) 16.1%, oklch(27.64% 0.0552 168.76) 19.4%, oklch(28.64% 0.0571 168.87) 22.6%, oklch(29.67% 0.0590 168.98) 25.8%, oklch(30.73% 0.0610 169.08) 29.0%, oklch(31.80% 0.0631 169.17) 32.3%, oklch(32.87% 0.0651 169.24) 35.5%, oklch(33.93% 0.0672 169.29) 38.7%, oklch(34.97% 0.0693 169.31) 41.9%, oklch(35.97% 0.0713 169.30) 45.2%, oklch(36.92% 0.0732 169.26) 48.4%, oklch(37.83% 0.0751 169.17) 51.6%, oklch(38.77% 0.0772 169.04) 54.8%, oklch(39.74% 0.0793 168.86) 58.1%, oklch(40.73% 0.0815 168.65) 61.3%, oklch(41.74% 0.0838 168.40) 64.5%, oklch(42.75% 0.0861 168.13) 67.7%, oklch(43.76% 0.0884 167.85) 71.0%, oklch(44.74% 0.0907 167.55) 74.2%, oklch(45.70% 0.0930 167.25) 77.4%, oklch(46.63% 0.0951 166.96) 80.6%, oklch(47.50% 0.0972 166.67) 83.9%, oklch(48.32% 0.0991 166.40) 87.1%, oklch(49.07% 0.1009 166.15) 90.3%, oklch(49.74% 0.1025 165.93) 93.5%, oklch(50.33% 0.1038 165.75) 96.8%, oklch(50.81% 0.1049 165.61) 100.0%);

Nestas coleções

Dark green gradients

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona