Roxo-escuro, bege e verde (tritone): gradiente linear
Gradiente linear, 32 cores a 135°: #39143e, #8e4075, #f0b8a9, #d5d19c, #50784b. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #39143e
- #3f1643
- #471a49
- #511f4f
- #5d2456
- #6a2a5e
- #763165
- #82386c
- #8e4075
- #9b497f
- #a85389
- #b55d91
- #c46996
- #d27798
- #df8a9a
- #eaa19f
- #f0b8a9
- #f3ccb7
- #f4dac4
- #f3e0ca
- #f1e1c6
- #ebdebb
- #e2d8ac
- #d5d19c
- #c6ca8e
- #b5c283
- #a3b779
- #8faa6e
- #7b9b63
- #698d59
- #5b8151
- #50784b
CSS
background: linear-gradient(135deg in oklch, oklch(26.77% 0.0868 322.03) 0.0%, oklch(28.44% 0.0904 323.83) 3.2%, oklch(30.69% 0.0956 326.35) 6.5%, oklch(33.37% 0.1017 329.31) 9.7%, oklch(36.36% 0.1079 332.49) 12.9%, oklch(39.51% 0.1135 335.61) 16.1%, oklch(42.68% 0.1179 338.43) 19.4%, oklch(45.85% 0.1212 340.42) 22.6%, oklch(49.19% 0.1248 341.33) 25.8%, oklch(52.67% 0.1279 341.93) 29.0%, oklch(56.28% 0.1298 343.05) 32.3%, oklch(60.00% 0.1295 345.49) 35.5%, oklch(63.81% 0.1263 350.07) 38.7%, oklch(67.87% 0.1187 357.63) 41.9%, oklch(72.71% 0.1049 8.34) 45.2%, oklch(77.90% 0.0873 21.16) 48.4%, oklch(82.91% 0.0689 34.98) 51.6%, oklch(87.22% 0.0524 48.71) 54.8%, oklch(90.30% 0.0407 61.23) 58.1%, oklch(91.67% 0.0365 71.63) 61.3%, oklch(91.52% 0.0397 80.93) 64.5%, oklch(90.18% 0.0478 89.51) 67.7%, oklch(87.96% 0.0587 97.42) 71.0%, oklch(85.15% 0.0700 104.69) 74.2%, oklch(82.04% 0.0794 111.37) 77.4%, oklch(78.88% 0.0847 117.50) 80.6%, oklch(74.94% 0.0868 123.07) 83.9%, oklch(70.17% 0.0871 128.06) 87.1%, oklch(65.09% 0.0862 132.45) 90.3%, oklch(60.22% 0.0847 136.19) 93.5%, oklch(56.07% 0.0833 139.28) 96.8%, oklch(53.15% 0.0827 141.68) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
