Marrom (monocromático): gradiente radial
Gradiente radial, 32 cores: #b49a88, #6e493d, #594a42, #c3a27d, #3b2b29. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #b49a88
- #ae9381
- #a68977
- #9c7d6b
- #92705f
- #876354
- #7e584a
- #754f42
- #6e493d
- #68453a
- #614238
- #5b4037
- #563f37
- #533f38
- #52413a
- #53443d
- #594a42
- #65544a
- #776255
- #8b7360
- #9f846b
- #b19375
- #bd9e7b
- #c3a27d
- #bf9d7a
- #b39072
- #a07e67
- #896959
- #71554b
- #5a433d
- #473431
- #3b2b29
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.47% 0.0400 57.66) 0.0%, oklch(68.27% 0.0415 55.93) 3.2%, oklch(65.15% 0.0440 53.42) 6.5%, oklch(61.43% 0.0469 50.41) 9.7%, oklch(57.42% 0.0499 47.22) 12.9%, oklch(53.40% 0.0526 44.13) 16.1%, oklch(49.70% 0.0546 41.45) 19.4%, oklch(46.61% 0.0554 39.47) 22.6%, oklch(44.41% 0.0548 38.49) 25.8%, oklch(42.62% 0.0519 38.29) 29.0%, oklch(41.07% 0.0472 38.67) 32.3%, oklch(39.85% 0.0415 39.54) 35.5%, oklch(39.05% 0.0355 40.80) 38.7%, oklch(38.77% 0.0300 42.38) 41.9%, oklch(39.10% 0.0258 44.17) 45.2%, oklch(40.13% 0.0235 46.10) 48.4%, oklch(42.15% 0.0241 48.26) 51.6%, oklch(46.04% 0.0278 51.54) 54.8%, oklch(51.31% 0.0338 55.61) 58.1%, oklch(57.25% 0.0410 59.96) 61.3%, oklch(63.13% 0.0485 64.05) 64.5%, oklch(68.24% 0.0554 67.37) 67.7%, oklch(71.87% 0.0606 69.39) 71.0%, oklch(73.30% 0.0632 69.58) 74.2%, oklch(71.89% 0.0626 67.36) 77.4%, oklch(67.85% 0.0592 62.70) 80.6%, oklch(61.94% 0.0539 56.31) 83.9%, oklch(54.91% 0.0474 48.91) 87.1%, oklch(47.51% 0.0405 41.23) 90.3%, oklch(40.51% 0.0340 34.01) 93.5%, oklch(34.66% 0.0285 27.97) 96.8%, oklch(30.71% 0.0248 23.84) 100.0%);Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
