Marrom, verde e azul: gradiente linear
Marrom, verde e azul: paleta com 32 cores. #383421, #4c3d26, #744e33, #9b651f, #9ba600, #00c181, #0087bf, #5c25f1. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #383421
- #3b3621
- #403823
- #453a24
- #4c3d26
- #534029
- #5a432c
- #62472f
- #6b4a32
- #744e33
- #7d5133
- #865631
- #905c2a
- #9b651f
- #a56f00
- #a87c00
- #a88a00
- #a59800
- #9ba600
- #87b400
- #5cc115
- #00c750
- #00c181
- #00b999
- #00aea7
- #00a2b0
- #0095b7
- #0087bf
- #0076cf
- #1454ff
- #483bfa
- #5c25f1
CSS
background: linear-gradient(315deg in oklch, oklch(32.28% 0.0317 97.73) 0.0%, oklch(33.18% 0.0338 94.76) 3.2%, oklch(34.27% 0.0360 90.23) 6.5%, oklch(35.55% 0.0383 84.63) 9.7%, oklch(37.00% 0.0410 78.43) 12.9%, oklch(38.58% 0.0442 72.09) 16.1%, oklch(40.28% 0.0480 66.09) 19.4%, oklch(42.07% 0.0527 60.89) 22.6%, oklch(43.93% 0.0582 56.98) 25.8%, oklch(45.84% 0.0649 54.81) 29.0%, oklch(47.78% 0.0728 54.87) 32.3%, oklch(49.84% 0.0824 57.40) 35.5%, oklch(52.36% 0.0943 61.81) 38.7%, oklch(55.22% 0.1080 67.84) 41.9%, oklch(58.27% 0.1228 75.24) 45.2%, oklch(61.36% 0.1260 83.86) 48.4%, oklch(64.34% 0.1318 93.43) 51.6%, oklch(67.06% 0.1414 103.74) 54.8%, oklch(69.38% 0.1566 114.56) 58.1%, oklch(71.14% 0.1803 125.67) 61.3%, oklch(72.20% 0.2123 136.85) 64.5%, oklch(72.40% 0.2095 148.01) 67.7%, oklch(71.62% 0.1603 160.66) 71.0%, oklch(70.01% 0.1322 174.86) 74.2%, oklch(67.74% 0.1169 190.09) 77.4%, oklch(65.01% 0.1112 205.85) 80.6%, oklch(62.02% 0.1142 221.61) 83.9%, oklch(58.94% 0.1285 236.88) 87.1%, oklch(55.97% 0.1634 251.13) 90.3%, oklch(53.30% 0.2594 263.83) 93.5%, oklch(51.11% 0.2663 274.52) 96.8%, oklch(49.61% 0.2687 282.67) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
