Roxo (monocromático): gradiente radial
Roxo (monocromático): paleta com 56 cores. #4a0aa7, #704e7c, #915b91, #a147a6, #79416d, #4d2248, #4f1852, #913d90. Edite e exporte CSS, SVG, PNG ou um shader.
56 cores, 6 quadros-chave OKLCH editáveis.
- #4a0aa7
- #4e15a4
- #531f9f
- #592899
- #5e3192
- #64398b
- #694085
- #6d4780
- #704e7c
- #735379
- #755878
- #785b78
- #7b5d7b
- #7f5e7f
- #855e84
- #8b5d8a
- #915b91
- #965999
- #9b56a0
- #9f53a6
- #a250ab
- #a34dae
- #a44aae
- #a349ab
- #a147a6
- #9d469f
- #994697
- #93458e
- #8d4485
- #87447c
- #804374
- #79416d
- #733f66
- #6e3d61
- #693a5d
- #633658
- #5e3154
- #582c4f
- #52274b
- #4d2248
- #491d45
- #451943
- #421542
- #411342
- #421243
- #441246
- #49144b
- #4f1852
- #571c5a
- #602162
- #6a276b
- #732c74
- #7c317d
- #853685
- #8c3a8c
- #913d90
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.19% 0.2094 289.69) 0.0%, oklch(38.91% 0.2003 291.75) 1.8%, oklch(39.87% 0.1873 294.55) 3.6%, oklch(41.01% 0.1715 297.92) 5.5%, oklch(42.29% 0.1538 301.71) 7.3%, oklch(43.66% 0.1351 305.73) 9.1%, oklch(45.08% 0.1165 309.83) 10.9%, oklch(46.49% 0.0988 313.84) 12.7%, oklch(47.85% 0.0830 317.59) 14.5%, oklch(49.12% 0.0700 320.91) 16.4%, oklch(50.25% 0.0609 323.64) 18.2%, oklch(51.18% 0.0565 325.62) 20.0%, oklch(52.01% 0.0577 326.79) 21.8%, oklch(52.84% 0.0639 327.33) 23.6%, oklch(53.63% 0.0742 327.36) 25.5%, oklch(54.38% 0.0873 326.98) 27.3%, oklch(55.06% 0.1024 326.34) 29.1%, oklch(55.64% 0.1182 325.54) 30.9%, oklch(56.10% 0.1338 324.71) 32.7%, oklch(56.42% 0.1480 323.97) 34.5%, oklch(56.58% 0.1599 323.44) 36.4%, oklch(56.54% 0.1683 323.24) 38.2%, oklch(56.30% 0.1722 323.50) 40.0%, oklch(55.81% 0.1716 324.25) 41.8%, oklch(55.07% 0.1674 325.37) 43.6%, oklch(54.12% 0.1604 326.76) 45.5%, oklch(52.99% 0.1513 328.35) 47.3%, oklch(51.73% 0.1407 330.05) 49.1%, oklch(50.37% 0.1294 331.75) 50.9%, oklch(48.94% 0.1180 333.37) 52.7%, oklch(47.48% 0.1072 334.82) 54.5%, oklch(46.03% 0.0978 336.01) 56.4%, oklch(44.63% 0.0903 336.85) 58.2%, oklch(43.31% 0.0854 337.24) 60.0%, oklch(41.88% 0.0828 337.15) 61.8%, oklch(40.21% 0.0815 336.64) 63.6%, oklch(38.37% 0.0812 335.80) 65.5%, oklch(36.45% 0.0818 334.70) 67.3%, oklch(34.55% 0.0833 333.43) 69.1%, oklch(32.76% 0.0853 332.06) 70.9%, oklch(31.14% 0.0879 330.68) 72.7%, oklch(29.81% 0.0909 329.37) 74.5%, oklch(28.84% 0.0941 328.22) 76.4%, oklch(28.32% 0.0974 327.29) 78.2%, oklch(28.35% 0.1006 326.67) 80.0%, oklch(29.04% 0.1042 326.34) 81.8%, oklch(30.40% 0.1087 326.17) 83.6%, oklch(32.29% 0.1139 326.15) 85.5%, oklch(34.57% 0.1196 326.25) 87.3%, oklch(37.11% 0.1254 326.43) 89.1%, oklch(39.78% 0.1314 326.67) 90.9%, oklch(42.44% 0.1371 326.94) 92.7%, oklch(44.97% 0.1425 327.20) 94.5%, oklch(47.23% 0.1473 327.45) 96.4%, oklch(49.08% 0.1513 327.63) 98.2%, oklch(50.39% 0.1543 327.73) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
