Azul-claro, verde-claro, laranja e azul-marinho: gradiente radial
Gradiente radial, 32 cores: #8fe8e0, #a2efa2, #eea800, #c13c5c, #160c2b. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #8fe8e0
- #8de9dd
- #8cebda
- #8bedd5
- #8cefce
- #8ef0c6
- #93f1bc
- #99f0b0
- #a2efa2
- #aceb92
- #b6e680
- #c1e06d
- #ccd757
- #d7cd3b
- #e2c20e
- #e9b500
- #eea800
- #f29900
- #f58800
- #f77500
- #f36326
- #e8543f
- #d74750
- #c13c5c
- #a63363
- #8a2d64
- #6e2660
- #552158
- #3f1b4c
- #2d1540
- #1f1034
- #160c2b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0868 188.44) 0.0%, oklch(87.44% 0.0900 185.06) 3.2%, oklch(87.61% 0.0941 180.91) 6.5%, oklch(87.84% 0.0990 176.07) 9.7%, oklch(88.09% 0.1045 170.62) 12.9%, oklch(88.31% 0.1104 164.65) 16.1%, oklch(88.43% 0.1166 158.22) 19.4%, oklch(88.41% 0.1228 151.42) 22.6%, oklch(88.19% 0.1290 144.34) 25.8%, oklch(87.72% 0.1348 137.05) 29.0%, oklch(86.95% 0.1402 129.63) 32.3%, oklch(85.87% 0.1455 122.06) 35.5%, oklch(84.62% 0.1519 114.03) 38.7%, oklch(83.20% 0.1589 105.58) 41.9%, oklch(81.61% 0.1663 96.79) 45.2%, oklch(79.81% 0.1632 87.71) 48.4%, oklch(77.81% 0.1620 78.41) 51.6%, oklch(75.59% 0.1648 68.97) 54.8%, oklch(73.14% 0.1725 59.44) 58.1%, oklch(70.44% 0.1865 49.90) 61.3%, oklch(67.48% 0.1907 40.42) 64.5%, oklch(64.21% 0.1872 30.97) 67.7%, oklch(60.26% 0.1799 20.83) 71.0%, oklch(55.65% 0.1692 10.00) 74.2%, oklch(50.60% 0.1559 358.78) 77.4%, oklch(45.28% 0.1409 347.45) 80.6%, oklch(39.91% 0.1250 336.31) 83.9%, oklch(34.66% 0.1090 325.66) 87.1%, oklch(29.74% 0.0937 315.79) 90.3%, oklch(25.35% 0.0800 306.98) 93.5%, oklch(21.67% 0.0687 299.54) 96.8%, oklch(18.90% 0.0606 293.76) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
