Azul-claro, turquesa, verde e laranja: gradiente radial
Azul-claro, turquesa, verde e laranja: paleta com 32 cores. #eff7ff, #91cfe6, #07ada5, #c5a62d, #c8493f. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #eff7ff
- #e8f4fe
- #deeffc
- #d3eaf9
- #c6e5f6
- #b8e0f2
- #abdaee
- #9ed5ea
- #91cfe6
- #83c9e1
- #75c2dd
- #66bdd8
- #57b8d2
- #46b5cb
- #32b2c0
- #1cb0b4
- #07ada5
- #11ac94
- #2baa83
- #47aa70
- #67aa5d
- #89ab48
- #a9aa36
- #c5a62d
- #daa12f
- #e69936
- #e98d3a
- #e67e3c
- #df6e3d
- #d65f3d
- #ce523d
- #c8493f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0138 244.69) 0.0%, oklch(96.07% 0.0184 242.46) 3.2%, oklch(94.46% 0.0248 239.29) 6.5%, oklch(92.55% 0.0324 235.56) 9.7%, oklch(90.46% 0.0405 231.69) 12.9%, oklch(88.31% 0.0488 228.07) 16.1%, oklch(86.22% 0.0565 225.09) 19.4%, oklch(84.18% 0.0636 223.29) 22.6%, oklch(81.98% 0.0709 222.73) 25.8%, oklch(79.71% 0.0783 222.66) 29.0%, oklch(77.48% 0.0854 222.35) 32.3%, oklch(75.37% 0.0922 221.05) 35.5%, oklch(73.50% 0.0983 218.02) 38.7%, oklch(71.88% 0.1037 212.76) 41.9%, oklch(70.29% 0.1085 205.91) 45.2%, oklch(68.82% 0.1127 197.76) 48.4%, oklch(67.57% 0.1165 188.45) 51.6%, oklch(66.65% 0.1200 178.18) 54.8%, oklch(66.17% 0.1234 167.10) 58.1%, oklch(66.30% 0.1267 155.21) 61.3%, oklch(67.49% 0.1296 141.21) 64.5%, oklch(69.39% 0.1321 125.65) 67.7%, oklch(71.52% 0.1345 109.55) 71.0%, oklch(73.38% 0.1370 93.94) 74.2%, oklch(74.45% 0.1396 79.83) 77.4%, oklch(74.24% 0.1426 68.22) 80.6%, oklch(72.52% 0.1462 58.51) 83.9%, oklch(69.70% 0.1502 50.10) 87.1%, oklch(66.31% 0.1544 42.91) 90.3%, oklch(62.86% 0.1583 36.88) 93.5%, oklch(59.87% 0.1616 31.95) 96.8%, oklch(57.87% 0.1640 28.05) 100.0%);Nestas coleções
Gradientes para mapas meteorológicos
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
