Azul-marinho, roxo e cinza (análogos): gradiente linear
Azul-marinho, roxo e cinza (análogos): paleta com 32 cores. #12172c, #3b3f66, #a4a9be, #98a9b9, #2c303b. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #12172c
- #141b31
- #171f37
- #1b243f
- #202a48
- #253151
- #2b3659
- #323c60
- #3b3f66
- #45436b
- #4f486f
- #594e75
- #63577d
- #6f6588
- #7e7999
- #9091ac
- #a4a9be
- #b8bece
- #c6cdd8
- #cbd2db
- #c6cfd8
- #bbc5d1
- #aab8c6
- #98a9b9
- #8799ac
- #788b9e
- #6a7b8e
- #5b697a
- #4d5767
- #3f4754
- #343a45
- #2c303b
CSS
background: linear-gradient(90deg in oklch, oklch(21.26% 0.0413 271.41) 0.0%, oklch(22.64% 0.0439 270.84) 3.2%, oklch(24.52% 0.0477 269.76) 6.5%, oklch(26.76% 0.0522 268.60) 9.7%, oklch(29.21% 0.0566 267.79) 12.9%, oklch(31.73% 0.0604 267.74) 16.1%, oklch(34.18% 0.0631 268.88) 19.4%, oklch(36.38% 0.0644 272.08) 22.6%, oklch(38.35% 0.0653 277.71) 25.8%, oklch(40.30% 0.0655 284.52) 29.0%, oklch(42.48% 0.0650 291.20) 32.3%, oklch(45.11% 0.0634 296.44) 35.5%, oklch(48.43% 0.0607 298.94) 38.7%, oklch(52.90% 0.0563 297.48) 41.9%, oklch(59.22% 0.0491 292.24) 45.2%, oklch(66.53% 0.0403 284.51) 48.4%, oklch(73.85% 0.0311 275.62) 51.6%, oklch(80.19% 0.0229 266.89) 54.8%, oklch(84.56% 0.0170 259.67) 58.1%, oklch(86.06% 0.0147 255.06) 61.3%, oklch(84.97% 0.0162 251.87) 64.5%, oklch(81.99% 0.0202 249.62) 67.7%, oklch(77.69% 0.0254 248.22) 71.0%, oklch(72.69% 0.0306 247.59) 74.2%, oklch(67.56% 0.0345 247.66) 77.4%, oklch(62.87% 0.0358 248.37) 80.6%, oklch(57.63% 0.0347 250.40) 83.9%, oklch(51.64% 0.0320 253.65) 87.1%, oklch(45.45% 0.0285 257.54) 90.3%, oklch(39.60% 0.0247 261.48) 93.5%, oklch(34.64% 0.0214 264.89) 96.8%, oklch(31.10% 0.0193 267.18) 100.0%);Nestas coleções
Gradientes prataGradientes de fundo para apps
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
