Verde, laranja e amarelo (tritone): gradiente linear
Verde, laranja e amarelo (tritone): paleta com 32 cores. #48765a, #f38c1c, #adb21e, #1f5c40, #a6b381. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #48765a
- #507b56
- #60824d
- #78883e
- #968c29
- #b58d0e
- #d18d00
- #e78c11
- #f38c1c
- #f98f19
- #fb9501
- #f69e00
- #eda700
- #e1ae00
- #d2b200
- #c1b400
- #adb21e
- #93aa2f
- #769d3b
- #588d41
- #3f7d43
- #2c6e43
- #216241
- #1f5c40
- #265d43
- #346449
- #467051
- #5b7e5b
- #718e66
- #879e70
- #9aab7a
- #a6b381
CSS
background: linear-gradient(225deg in oklch, oklch(52.36% 0.0661 156.80) 0.0%, oklch(54.17% 0.0747 148.05) 3.2%, oklch(56.74% 0.0870 135.26) 6.5%, oklch(59.81% 0.1016 119.96) 9.7%, oklch(63.11% 0.1174 103.71) 12.9%, oklch(66.40% 0.1329 88.05) 16.1%, oklch(69.41% 0.1468 74.50) 19.4%, oklch(71.88% 0.1582 64.67) 22.6%, oklch(73.59% 0.1654 59.99) 25.8%, oklch(74.95% 0.1698 60.09) 29.0%, oklch(76.11% 0.1722 63.77) 32.3%, oklch(76.98% 0.1666 70.13) 35.5%, oklch(77.47% 0.1613 78.30) 38.7%, oklch(77.48% 0.1584 87.38) 41.9%, oklch(76.92% 0.1584 96.47) 45.2%, oklch(75.70% 0.1604 104.69) 48.4%, oklch(73.55% 0.1552 111.63) 51.6%, oklch(69.72% 0.1462 119.50) 54.8%, oklch(64.63% 0.1348 128.15) 58.1%, oklch(58.93% 0.1221 136.95) 61.3%, oklch(53.25% 0.1089 145.25) 64.5%, oklch(48.21% 0.0965 152.40) 67.7%, oklch(44.46% 0.0856 157.78) 71.0%, oklch(42.61% 0.0773 160.74) 74.2%, oklch(43.21% 0.0722 160.57) 77.4%, oklch(46.01% 0.0692 157.27) 80.6%, oklch(50.39% 0.0679 151.67) 83.9%, oklch(55.74% 0.0678 144.65) 87.1%, oklch(61.44% 0.0685 137.09) 90.3%, oklch(66.86% 0.0694 129.84) 93.5%, oklch(71.39% 0.0702 123.79) 96.8%, oklch(74.41% 0.0703 119.81) 100.0%);Nestas coleções
Gradientes em vermelho e verde
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
