Verde, magenta e cinza: gradiente linear
Gradiente linear, 32 cores a 90°: #5fc651, #7f8d10, #b4443d, #bb376f, #808080. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #5fc651
- #5dc350
- #57be4f
- #51b94e
- #4fb34a
- #53ac43
- #5ea436
- #6e9a24
- #7f8d10
- #8b800e
- #92741e
- #946a2c
- #956335
- #985d38
- #9f5638
- #a94e39
- #b4443d
- #bd3a46
- #c23150
- #c42d5b
- #c32c62
- #c12d67
- #be316b
- #bb376f
- #b63e75
- #af477c
- #a65285
- #9b5e8c
- #906a8f
- #87748c
- #827b86
- #808080
CSS
background: linear-gradient(90deg in oklch, oklch(74.02% 0.1833 141.33) 0.0%, oklch(73.04% 0.1812 141.44) 3.2%, oklch(71.71% 0.1787 142.25) 6.5%, oklch(70.12% 0.1755 142.95) 9.7%, oklch(68.39% 0.1715 142.72) 12.9%, oklch(66.61% 0.1664 140.77) 16.1%, oklch(64.89% 0.1599 136.26) 19.4%, oklch(63.17% 0.1505 128.28) 22.6%, oklch(61.23% 0.1367 116.88) 25.8%, oklch(59.21% 0.1211 103.30) 29.0%, oklch(57.28% 0.1062 88.81) 32.3%, oklch(55.59% 0.0948 74.66) 35.5%, oklch(54.30% 0.0894 62.12) 38.7%, oklch(53.56% 0.0929 51.95) 41.9%, oklch(53.34% 0.1059 42.74) 45.2%, oklch(53.48% 0.1250 34.30) 48.4%, oklch(53.84% 0.1464 26.63) 51.6%, oklch(54.27% 0.1663 19.73) 54.8%, oklch(54.62% 0.1812 13.60) 58.1%, oklch(54.75% 0.1877 8.35) 61.3%, oklch(54.75% 0.1894 4.77) 64.5%, oklch(54.71% 0.1876 2.45) 67.7%, oklch(54.67% 0.1824 0.65) 71.0%, oklch(54.70% 0.1741 358.67) 74.2%, oklch(54.86% 0.1627 355.77) 77.4%, oklch(55.21% 0.1484 351.25) 80.6%, oklch(55.83% 0.1273 344.57) 83.9%, oklch(56.67% 0.1003 336.39) 87.1%, oklch(57.60% 0.0707 327.60) 90.3%, oklch(58.52% 0.0418 319.15) 93.5%, oklch(59.30% 0.0171 311.94) 96.8%, oklch(59.84% 0.0000 89.88) 100.0%);Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
