Marrom, roxo, rosa e verde: gradiente radial
Gradiente radial, 32 cores: #5a854c, #bd7797, #dddb93, #8fcf65, #b45e33. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #5a854c
- #707f36
- #8b711b
- #a06026
- #a9534b
- #a8516e
- #a55886
- #ad6492
- #bd7797
- #d08e9b
- #e0a8a2
- #eac1ae
- #f0d2b9
- #f3dbbb
- #f1deb3
- #eadda4
- #dddb93
- #cdd983
- #bbd778
- #add773
- #a1d671
- #98d56f
- #92d36c
- #8fcf65
- #92c95a
- #98c048
- #a5b22b
- #b19e00
- #b88a00
- #bb7609
- #b86726
- #b45e33
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.0965 138.52) 0.0%, oklch(56.73% 0.0994 119.66) 3.2%, oklch(55.95% 0.1044 91.45) 6.5%, oklch(55.14% 0.1099 58.87) 9.7%, oklch(54.70% 0.1146 26.89) 12.9%, oklch(55.05% 0.1173 0.49) 16.1%, oklch(56.60% 0.1164 344.64) 19.4%, oklch(59.95% 0.1101 342.53) 22.6%, oklch(65.25% 0.0976 350.97) 25.8%, oklch(71.63% 0.0820 6.54) 29.0%, oklch(78.20% 0.0663 25.89) 32.3%, oklch(84.05% 0.0537 45.68) 35.5%, oklch(88.31% 0.0471 62.54) 38.7%, oklch(90.29% 0.0493 74.62) 41.9%, oklch(90.50% 0.0595 86.00) 45.2%, oklch(89.50% 0.0750 96.87) 48.4%, oklch(87.74% 0.0931 106.84) 51.6%, oklch(85.71% 0.1109 115.54) 54.8%, oklch(83.87% 0.1259 122.57) 58.1%, oklch(82.66% 0.1356 127.67) 61.3%, oklch(81.75% 0.1426 131.56) 64.5%, oklch(80.91% 0.1478 134.18) 67.7%, oklch(80.00% 0.1514 135.20) 71.0%, oklch(78.90% 0.1536 134.32) 74.2%, oklch(77.46% 0.1544 131.20) 77.4%, oklch(75.55% 0.1542 125.47) 80.6%, oklch(72.84% 0.1515 115.10) 83.9%, oklch(69.51% 0.1449 100.80) 87.1%, oklch(65.93% 0.1352 84.62) 90.3%, oklch(62.48% 0.1344 68.65) 93.5%, oklch(59.54% 0.1290 54.93) 96.8%, oklch(57.48% 0.1254 45.52) 100.0%);Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
