Azul-claro, verde-escuro, marrom e vermelho: gradiente linear
Azul-claro, verde-escuro, marrom e vermelho: paleta com 34 cores. #ebfcff, #93bbcd, #425f4f, #452a0c, #8c2220. Edite e exporte CSS, SVG, PNG ou um shader.
34 cores, 6 quadros-chave OKLCH editáveis.
- #ebfcff
- #def9ff
- #d1f4fd
- #c8ebf8
- #bee2f3
- #b4d8ec
- #aacee3
- #9fc5d9
- #93bbcd
- #86b2bf
- #7aa7b0
- #6f9da0
- #659290
- #5d8881
- #567e74
- #4f7367
- #48695b
- #425f4f
- #3d5644
- #3a4e3a
- #384730
- #384126
- #3a3a1c
- #3e3414
- #412e0f
- #452a0c
- #49260d
- #4f230f
- #582211
- #632214
- #6f2217
- #7b231a
- #85231d
- #8c2220
CSS
background: linear-gradient(0deg in oklch, oklch(98.03% 0.0182 208.08) 0.0%, oklch(96.49% 0.0299 211.17) 3.0%, oklch(94.44% 0.0385 216.07) 6.1%, oklch(91.99% 0.0412 221.70) 9.1%, oklch(89.24% 0.0441 227.06) 12.1%, oklch(86.31% 0.0467 231.14) 15.2%, oklch(83.30% 0.0488 232.91) 18.2%, oklch(80.28% 0.0500 231.39) 21.2%, oklch(77.03% 0.0505 226.69) 24.2%, oklch(73.56% 0.0505 219.64) 27.3%, oklch(69.96% 0.0502 211.05) 30.3%, oklch(66.33% 0.0496 201.75) 33.3%, oklch(62.75% 0.0490 192.54) 36.4%, oklch(59.32% 0.0483 184.24) 39.4%, oklch(55.98% 0.0476 177.34) 42.4%, oklch(52.55% 0.0462 171.24) 45.5%, oklch(49.12% 0.0446 165.43) 48.5%, oklch(45.81% 0.0431 159.43) 51.5%, oklch(42.74% 0.0421 152.73) 54.5%, oklch(40.03% 0.0420 144.83) 57.6%, oklch(37.78% 0.0430 135.22) 60.6%, oklch(35.84% 0.0447 122.92) 63.6%, oklch(34.15% 0.0469 108.48) 66.7%, oklch(32.77% 0.0498 93.04) 69.7%, oklch(31.75% 0.0536 77.76) 72.7%, oklch(31.15% 0.0585 63.77) 75.8%, oklch(31.01% 0.0646 52.23) 78.8%, oklch(31.49% 0.0727 43.95) 81.8%, oklch(32.84% 0.0838 38.05) 84.8%, oklch(34.80% 0.0967 33.95) 87.9%, oklch(37.06% 0.1103 31.20) 90.9%, oklch(39.31% 0.1233 29.32) 93.9%, oklch(41.23% 0.1342 27.87) 97.0%, oklch(42.52% 0.1419 26.36) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
