Azul-marinho, roxo, caramelo e marrom: gradiente linear
Azul-marinho, roxo, caramelo e marrom: paleta com 32 cores. #18172d, #312e66, #d2a0a0, #bd9c60, #7f3c31. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #18172d
- #1a1831
- #1d1a38
- #211c40
- #261f48
- #2b2251
- #302559
- #322a60
- #312e66
- #2e346b
- #2d3a70
- #324176
- #414a7f
- #5c558b
- #856795
- #b0809b
- #d2a0a0
- #e7c0ab
- #f0d8b9
- #efe1bd
- #e7dbb2
- #dacb9b
- #cbb57e
- #bd9c60
- #b18646
- #a87535
- #a1682c
- #995c29
- #92512a
- #8b482e
- #844130
- #7f3c31
CSS
background: linear-gradient(180deg in oklch, oklch(21.65% 0.0427 284.06) 0.0%, oklch(22.60% 0.0481 284.79) 3.2%, oklch(23.86% 0.0561 285.93) 6.5%, oklch(25.38% 0.0653 287.24) 9.7%, oklch(27.08% 0.0746 288.43) 12.9%, oklch(28.88% 0.0828 289.24) 16.1%, oklch(30.73% 0.0888 289.41) 19.4%, oklch(32.40% 0.0920 287.49) 22.6%, oklch(33.71% 0.0938 282.19) 25.8%, oklch(35.03% 0.0944 275.84) 29.0%, oklch(36.72% 0.0937 270.84) 32.3%, oklch(39.15% 0.0921 269.61) 35.5%, oklch(42.68% 0.0895 274.54) 38.7%, oklch(48.00% 0.0854 288.56) 41.9%, oklch(56.02% 0.0783 313.25) 45.2%, oklch(65.53% 0.0694 344.57) 48.4%, oklch(75.17% 0.0603 18.09) 51.6%, oklch(83.56% 0.0528 49.37) 54.8%, oklch(89.32% 0.0486 73.94) 58.1%, oklch(91.15% 0.0492 87.88) 61.3%, oklch(89.10% 0.0552 93.32) 64.5%, oklch(84.32% 0.0650 92.89) 67.7%, oklch(77.93% 0.0766 88.47) 71.0%, oklch(71.04% 0.0880 81.95) 74.2%, oklch(64.80% 0.0973 75.22) 77.4%, oklch(60.27% 0.1027 70.05) 80.6%, oklch(56.67% 0.1043 64.30) 83.9%, oklch(53.37% 0.1037 57.10) 87.1%, oklch(50.41% 0.1016 49.30) 90.3%, oklch(47.84% 0.0989 41.74) 93.5%, oklch(45.72% 0.0965 35.29) 96.8%, oklch(44.09% 0.0951 30.79) 100.0%);Nestas coleções
Bordô e douradoAzul-marinho e douradoYukata índigo
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
