Cinza, marrom, bordô e laranja: gradiente radial
Cinza, marrom, bordô e laranja: paleta com 64 cores. #b4dac1, #582e2c, #945700, #a6cc23, #dc760b. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 4 quadros-chave OKLCH editáveis.
- #b4dac1
- #b1d4b9
- #aecdaf
- #aac4a4
- #a6ba97
- #a1af8a
- #9da37c
- #98966f
- #928963
- #8c7c57
- #866f4d
- #7f6244
- #77563d
- #6f4a37
- #674032
- #60362f
- #582e2c
- #522629
- #4c2028
- #481c26
- #461826
- #451625
- #461525
- #4a1525
- #4f1625
- #571925
- #5f1d24
- #692221
- #73281d
- #7e3115
- #883b05
- #8f4800
- #945700
- #9a6500
- #9e7200
- #a28000
- #a48e00
- #a49b00
- #a3a800
- #9fb300
- #9bbd1b
- #97c52d
- #95ca36
- #95cd3a
- #97cf3a
- #9bcf36
- #a0ce2f
- #a6cc23
- #acc90f
- #b3c400
- #babf00
- #c0b900
- #c5b300
- #c9ad00
- #cca600
- #cfa000
- #d29a00
- #d49300
- #d68d00
- #d78700
- #d98200
- #da7d00
- #dc7900
- #dc760b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.43% 0.0524 156.09) 0.0%, oklch(83.82% 0.0528 151.81) 1.6%, oklch(81.76% 0.0533 146.33) 3.2%, oklch(79.30% 0.0536 139.81) 4.8%, oklch(76.50% 0.0540 132.39) 6.3%, oklch(73.41% 0.0543 124.20) 7.9%, oklch(70.08% 0.0546 115.38) 9.5%, oklch(66.56% 0.0550 106.07) 11.1%, oklch(62.92% 0.0554 96.42) 12.7%, oklch(59.20% 0.0559 86.56) 14.3%, oklch(55.46% 0.0564 76.63) 15.9%, oklch(51.74% 0.0571 66.77) 17.5%, oklch(48.11% 0.0579 57.13) 19.0%, oklch(44.62% 0.0589 47.83) 20.6%, oklch(41.31% 0.0600 39.03) 22.2%, oklch(38.25% 0.0613 30.85) 23.8%, oklch(35.48% 0.0629 23.45) 25.4%, oklch(33.06% 0.0646 16.96) 27.0%, oklch(31.05% 0.0667 11.51) 28.6%, oklch(29.49% 0.0689 7.25) 30.2%, oklch(28.44% 0.0715 4.32) 31.7%, oklch(27.95% 0.0744 2.86) 33.3%, oklch(28.07% 0.0778 3.01) 34.9%, oklch(28.75% 0.0818 4.71) 36.5%, oklch(29.95% 0.0863 7.80) 38.1%, oklch(31.60% 0.0912 12.14) 39.7%, oklch(33.66% 0.0966 17.57) 41.3%, oklch(36.08% 0.1023 23.94) 42.9%, oklch(38.79% 0.1082 31.08) 44.4%, oklch(41.74% 0.1144 38.86) 46.0%, oklch(44.88% 0.1207 47.12) 47.6%, oklch(48.16% 0.1183 55.64) 49.2%, oklch(51.51% 0.1161 64.41) 50.8%, oklch(54.90% 0.1168 73.18) 52.4%, oklch(58.25% 0.1201 81.82) 54.0%, oklch(61.52% 0.1257 90.17) 55.6%, oklch(64.65% 0.1337 98.07) 57.1%, oklch(67.60% 0.1437 105.38) 58.7%, oklch(70.30% 0.1555 111.93) 60.3%, oklch(72.70% 0.1685 117.58) 61.9%, oklch(74.74% 0.1750 122.17) 63.5%, oklch(76.38% 0.1781 125.55) 65.1%, oklch(77.56% 0.1805 127.56) 66.7%, oklch(78.34% 0.1822 128.34) 68.3%, oklch(78.85% 0.1834 128.15) 69.8%, oklch(79.11% 0.1840 127.09) 71.4%, oklch(79.14% 0.1842 125.24) 73.0%, oklch(78.96% 0.1839 122.69) 74.6%, oklch(78.60% 0.1832 119.52) 76.2%, oklch(78.08% 0.1782 115.82) 77.8%, oklch(77.43% 0.1710 111.68) 79.4%, oklch(76.66% 0.1645 107.18) 81.0%, oklch(75.80% 0.1590 102.41) 82.5%, oklch(74.87% 0.1545 97.45) 84.1%, oklch(73.90% 0.1512 92.40) 85.7%, oklch(72.91% 0.1491 87.34) 87.3%, oklch(71.92% 0.1481 82.34) 88.9%, oklch(70.95% 0.1481 77.51) 90.5%, oklch(70.03% 0.1492 72.93) 92.1%, oklch(69.18% 0.1511 68.68) 93.7%, oklch(68.42% 0.1537 64.85) 95.2%, oklch(67.77% 0.1566 61.53) 96.8%, oklch(67.27% 0.1597 58.79) 98.4%, oklch(66.93% 0.1598 56.76) 100.0%);Nestas coleções
Gradientes em vermelho e verde
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
