Arco-íris de marrom a verde: gradiente linear
Gradiente linear, 34 cores a 45°: #74783e, #be407e, #7f63b6, #4ba658, #60b643. Edite e exporte CSS, SVG, PNG ou um shader.
8 quadros-chave OKLCH editáveis.
- #74783e
- #7f7334
- #8e6a2b
- #9c5f31
- #a65542
- #ab4e53
- #b24962
- #b84470
- #be407e
- #c13d8c
- #bf3b9b
- #bc3ba8
- #b73bb2
- #af3ebc
- #a545c4
- #994fc6
- #8c59c0
- #7f63b6
- #736bae
- #6673aa
- #537da9
- #3889a3
- #239492
- #339b7b
- #47a068
- #4ba658
- #43ae4c
- #2fb544
- #1bbb3d
- #2dbc34
- #40bb34
- #4fb939
- #5ab73f
- #60b643
CSS
background: linear-gradient(45deg in oklch, oklch(55.51% 0.0799 112.50) 0.0%, oklch(55.26% 0.0850 98.44) 3.0%, oklch(54.87% 0.0919 78.03) 6.1%, oklch(54.49% 0.1004 55.31) 9.1%, oklch(54.28% 0.1105 34.34) 12.1%, oklch(54.41% 0.1221 18.97) 15.2%, oklch(54.97% 0.1373 8.31) 18.2%, oklch(55.79% 0.1549 0.32) 21.2%, oklch(56.65% 0.1719 353.80) 24.2%, oklch(57.31% 0.1858 347.54) 27.3%, oklch(57.60% 0.1950 340.80) 30.3%, oklch(57.61% 0.2025 334.85) 33.3%, oklch(57.47% 0.2071 329.32) 36.4%, oklch(57.26% 0.2073 323.61) 39.4%, oklch(57.10% 0.2013 317.13) 42.4%, oklch(56.92% 0.1850 310.55) 45.5%, oklch(56.62% 0.1581 304.75) 48.5%, oklch(56.36% 0.1279 297.89) 51.5%, oklch(56.36% 0.1017 288.10) 54.5%, oklch(56.79% 0.0870 273.44) 57.6%, oklch(57.75% 0.0834 250.57) 60.6%, oklch(59.10% 0.0869 222.01) 63.6%, oklch(60.64% 0.0954 192.93) 66.7%, oklch(62.19% 0.1071 168.51) 69.7%, oklch(63.59% 0.1209 153.48) 72.7%, oklch(65.09% 0.1423 146.62) 75.8%, oklch(66.62% 0.1677 144.82) 78.8%, oklch(68.00% 0.1912 145.32) 81.8%, oklch(69.07% 0.2071 145.36) 84.8%, oklch(69.68% 0.2107 143.48) 87.9%, oklch(69.89% 0.2041 141.79) 90.9%, oklch(69.85% 0.1923 140.43) 93.9%, oklch(69.73% 0.1800 139.36) 97.0%, oklch(69.69% 0.1722 138.57) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
