Preto, azul-marinho, verde e laranja: gradiente linear
Preto, azul-marinho, verde e laranja: paleta com 32 cores. #121825, #26374f, #59a576, #ffbd78, #f88154. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #121825
- #131a28
- #151d2c
- #182030
- #1a2335
- #1d273a
- #202c40
- #233147
- #26374f
- #283f57
- #284860
- #27536a
- #236173
- #1f717b
- #23837f
- #38957d
- #59a576
- #7eb26a
- #a5bb5d
- #c7c053
- #e4c14f
- #f8c050
- #ffbf67
- #ffbd78
- #ffb87c
- #ffb178
- #ffa870
- #ff9e66
- #ff935b
- #fd8a54
- #fa8553
- #f88154
CSS
background: linear-gradient(90deg in oklch, oklch(20.87% 0.0289 265.78) 0.0%, oklch(21.84% 0.0304 264.88) 3.2%, oklch(22.96% 0.0319 264.43) 6.5%, oklch(24.23% 0.0336 264.16) 9.7%, oklch(25.67% 0.0356 263.78) 12.9%, oklch(27.29% 0.0378 263.00) 16.1%, oklch(29.12% 0.0405 261.54) 19.4%, oklch(31.17% 0.0435 259.11) 22.6%, oklch(33.45% 0.0471 255.44) 25.8%, oklch(35.97% 0.0513 250.24) 29.0%, oklch(38.77% 0.0561 243.21) 32.3%, oklch(41.99% 0.0618 233.85) 35.5%, oklch(46.00% 0.0689 221.53) 38.7%, oklch(50.62% 0.0770 206.82) 41.9%, oklch(55.65% 0.0859 190.39) 45.2%, oklch(60.85% 0.0953 172.89) 48.4%, oklch(66.03% 0.1047 154.97) 51.6%, oklch(70.96% 0.1139 137.28) 54.8%, oklch(75.43% 0.1226 120.50) 58.1%, oklch(79.23% 0.1304 105.26) 61.3%, oklch(82.13% 0.1370 92.22) 64.5%, oklch(83.94% 0.1421 81.95) 67.7%, oklch(84.67% 0.1285 73.60) 71.0%, oklch(84.53% 0.1149 66.67) 74.2%, oklch(83.68% 0.1125 60.99) 77.4%, oklch(82.30% 0.1168 56.36) 80.6%, oklch(80.57% 0.1253 52.61) 83.9%, oklch(78.67% 0.1364 49.55) 87.1%, oklch(76.77% 0.1484 47.02) 90.3%, oklch(75.04% 0.1559 44.81) 93.5%, oklch(73.67% 0.1564 42.77) 96.8%, oklch(72.83% 0.1571 40.69) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
