Roxo, rosa, azul e cinza: gradiente linear
Roxo, rosa, azul e cinza: paleta com 40 cores. #3a5082, #ffdee8, #e4cfef, #3360b8, #c1d4a3. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 5 quadros-chave OKLCH editáveis.
- #3a5082
- #4a578a
- #5f6294
- #776fa0
- #917fac
- #ab90b7
- #c4a2c2
- #d9b5cd
- #ebc6d7
- #f9d3e0
- #ffdee8
- #ffe7ed
- #ffecf2
- #ffeff4
- #ffeff6
- #ffedf6
- #ffe8f7
- #fbe3f6
- #f4ddf4
- #ecd7f2
- #e4cfef
- #d8c3e9
- #c9b3e3
- #b6a2db
- #a291d3
- #8d80cb
- #7872c5
- #6267bf
- #4c60bb
- #3360b8
- #0366b6
- #0072a6
- #0080a0
- #00909e
- #00a29d
- #48b197
- #76bd95
- #98c798
- #b1ce9e
- #c1d4a3
CSS
background: linear-gradient(45deg in oklch, oklch(43.70% 0.0868 265.08) 0.0%, oklch(46.94% 0.0839 271.41) 2.6%, oklch(51.42% 0.0798 280.37) 5.1%, oklch(56.83% 0.0750 291.23) 7.7%, oklch(62.83% 0.0695 303.26) 10.3%, oklch(69.09% 0.0639 315.71) 12.8%, oklch(75.31% 0.0583 327.85) 15.4%, oklch(81.13% 0.0530 338.94) 17.9%, oklch(86.25% 0.0484 348.26) 20.5%, oklch(90.33% 0.0447 355.06) 23.1%, oklch(93.08% 0.0382 358.65) 25.6%, oklch(94.90% 0.0275 359.43) 28.2%, oklch(96.07% 0.0212 358.04) 30.8%, oklch(96.65% 0.0185 354.85) 33.3%, oklch(96.67% 0.0192 350.25) 35.9%, oklch(96.20% 0.0236 344.62) 38.5%, oklch(95.29% 0.0324 338.35) 41.0%, oklch(93.99% 0.0365 331.83) 43.6%, oklch(92.35% 0.0390 325.42) 46.2%, oklch(90.42% 0.0430 319.51) 48.7%, oklch(88.11% 0.0487 314.40) 51.3%, oklch(84.62% 0.0577 309.74) 53.8%, oklch(80.14% 0.0694 305.26) 56.4%, oklch(75.01% 0.0828 300.77) 59.0%, oklch(69.60% 0.0970 296.07) 61.5%, oklch(64.25% 0.1112 290.94) 64.1%, oklch(59.32% 0.1243 285.20) 66.7%, oklch(55.15% 0.1355 278.63) 69.2%, oklch(52.10% 0.1438 271.03) 71.8%, oklch(50.52% 0.1484 262.21) 74.4%, oklch(50.70% 0.1484 251.58) 76.9%, oklch(52.52% 0.1173 238.48) 79.5%, oklch(55.62% 0.1040 223.48) 82.1%, oklch(59.66% 0.1024 207.31) 84.6%, oklch(64.29% 0.1108 190.67) 87.2%, oklch(69.16% 0.1042 174.25) 89.7%, oklch(73.94% 0.0926 158.74) 92.3%, oklch(78.28% 0.0820 144.82) 94.9%, oklch(81.83% 0.0734 133.19) 97.4%, oklch(84.25% 0.0675 124.53) 100.0%);Nestas coleções
Interface de vidro iridescente
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
