Preto, cinza, rosa e laranja (análogos): gradiente radial
Gradiente radial, 32 cores: #202020, #bbb7ac, #f68b7d, #db3a7f, #e8922e. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #202020
- #2a2a29
- #383837
- #4a4a48
- #5f5e5c
- #767572
- #8e8d87
- #a5a39b
- #bbb7ac
- #cdc8b8
- #dcd2be
- #e5d6ba
- #edd2af
- #f3c79f
- #f7b68f
- #f8a282
- #f68b7d
- #f0747d
- #e75f82
- #dd4e87
- #d6418b
- #d43a8b
- #d63887
- #db3a7f
- #e14073
- #e74a64
- #eb5755
- #ee6546
- #ee7439
- #ec8131
- #ea8b2e
- #e8922e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.41% 0.0000 89.88) 0.0%, oklch(28.40% 0.0013 90.13) 3.2%, oklch(34.00% 0.0023 90.79) 6.5%, oklch(40.79% 0.0031 91.74) 9.7%, oklch(48.35% 0.0042 92.75) 12.9%, oklch(56.28% 0.0057 93.59) 16.1%, oklch(64.14% 0.0080 94.04) 19.4%, oklch(71.53% 0.0112 93.86) 22.6%, oklch(78.04% 0.0158 92.82) 25.8%, oklch(83.23% 0.0220 90.69) 29.0%, oklch(86.70% 0.0299 87.25) 32.3%, oklch(88.12% 0.0405 81.96) 35.5%, oklch(87.70% 0.0549 74.01) 38.7%, oklch(85.80% 0.0723 64.01) 41.9%, oklch(82.79% 0.0917 52.63) 45.2%, oklch(79.01% 0.1122 40.58) 48.4%, oklch(74.82% 0.1327 28.55) 51.6%, oklch(70.57% 0.1523 17.21) 54.8%, oklch(66.62% 0.1701 7.26) 58.1%, oklch(63.32% 0.1851 359.39) 61.3%, oklch(61.03% 0.1963 354.30) 64.5%, oklch(60.06% 0.2028 352.64) 67.7%, oklch(60.04% 0.2048 354.50) 71.0%, oklch(60.71% 0.2032 359.27) 74.2%, oklch(61.91% 0.1988 6.29) 77.4%, oklch(63.51% 0.1921 14.93) 80.6%, oklch(65.35% 0.1841 24.54) 83.9%, oklch(67.30% 0.1754 34.48) 87.1%, oklch(69.21% 0.1668 44.10) 90.3%, oklch(70.92% 0.1590 52.76) 93.5%, oklch(72.31% 0.1528 59.82) 96.8%, oklch(73.23% 0.1488 64.64) 100.0%);Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
