Verde-escuro, turquesa, azul e roxo: gradiente linear
Verde-escuro, turquesa, azul e roxo: paleta com 32 cores. #00100a, #2bbc50, #00d1d5, #6692ff, #e500fb. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #00100a
- #001a11
- #00291c
- #003d27
- #005433
- #006e3d
- #008a43
- #1aa449
- #2bbc50
- #30d159
- #1de166
- #00ea7e
- #00ec99
- #00eaaf
- #00e4c0
- #00dbcc
- #00d1d5
- #00c7dc
- #00bce2
- #00b2ea
- #00a9f5
- #28a1ff
- #4e99ff
- #6692ff
- #798aff
- #8a82ff
- #9a79ff
- #a96eff
- #b961ff
- #c94fff
- #d933ff
- #e500fb
CSS
background: linear-gradient(200deg in oklch, oklch(15.35% 0.0303 170.16) 0.0%, oklch(19.45% 0.0393 168.27) 3.2%, oklch(25.06% 0.0522 165.67) 6.5%, oklch(31.85% 0.0696 162.29) 9.7%, oklch(39.43% 0.0914 158.52) 12.9%, oklch(47.41% 0.1178 154.76) 16.1%, oklch(55.40% 0.1478 151.37) 19.4%, oklch(63.01% 0.1711 148.74) 22.6%, oklch(69.86% 0.1910 147.21) 25.8%, oklch(75.56% 0.2075 147.18) 29.0%, oklch(79.73% 0.2192 149.00) 32.3%, oklch(82.12% 0.2115 152.99) 35.5%, oklch(83.13% 0.1910 159.06) 38.7%, oklch(83.01% 0.1704 166.85) 41.9%, oklch(81.99% 0.1533 176.00) 45.2%, oklch(80.30% 0.1407 186.15) 48.4%, oklch(78.18% 0.1331 196.94) 51.6%, oklch(75.85% 0.1304 208.01) 54.8%, oklch(73.55% 0.1330 219.00) 58.1%, oklch(71.50% 0.1418 229.56) 61.3%, oklch(69.95% 0.1584 239.31) 64.5%, oklch(69.06% 0.1711 248.00) 67.7%, oklch(68.46% 0.1680 256.67) 71.0%, oklch(67.96% 0.1682 265.53) 74.2%, oklch(67.55% 0.1720 274.42) 77.4%, oklch(67.22% 0.1795 283.17) 80.6%, oklch(66.96% 0.1913 291.61) 83.9%, oklch(66.75% 0.2079 299.58) 87.1%, oklch(66.58% 0.2297 306.91) 90.3%, oklch(66.43% 0.2569 313.43) 93.5%, oklch(66.29% 0.2888 318.98) 96.8%, oklch(66.15% 0.3119 323.38) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
