Roxo-escuro, roxo, rosa e laranja: gradiente linear
Roxo-escuro, roxo, rosa e laranja: paleta com 32 cores. #251238, #522e86, #a8419e, #f26564, #f6c247. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #251238
- #29143d
- #2d1745
- #321a4d
- #371d58
- #3d2163
- #43256f
- #4a2a7a
- #522e86
- #5a3290
- #633598
- #6c389e
- #773aa2
- #833ca4
- #8f3da4
- #9c3fa2
- #a8419e
- #b54399
- #c14592
- #cc498a
- #d74d82
- #e05379
- #ea5b70
- #f26564
- #f87158
- #fc7e4c
- #fe8b42
- #ff993b
- #fda639
- #fbb13c
- #f8ba41
- #f6c247
CSS
background: linear-gradient(45deg in oklch, oklch(23.23% 0.0717 304.45) 0.0%, oklch(24.46% 0.0768 304.06) 3.2%, oklch(26.04% 0.0838 303.20) 6.5%, oklch(27.92% 0.0921 302.07) 9.7%, oklch(30.02% 0.1015 300.83) 12.9%, oklch(32.29% 0.1114 299.67) 16.1%, oklch(34.65% 0.1215 298.78) 19.4%, oklch(37.06% 0.1313 298.32) 22.6%, oklch(39.43% 0.1405 298.50) 25.8%, oklch(41.71% 0.1486 299.47) 29.0%, oklch(43.83% 0.1553 301.44) 32.3%, oklch(45.77% 0.1603 304.51) 35.5%, oklch(47.65% 0.1647 308.54) 38.7%, oklch(49.49% 0.1683 313.41) 41.9%, oklch(51.30% 0.1713 318.97) 45.2%, oklch(53.09% 0.1737 325.11) 48.4%, oklch(54.88% 0.1755 331.71) 51.6%, oklch(56.66% 0.1768 338.62) 54.8%, oklch(58.46% 0.1776 345.73) 58.1%, oklch(60.27% 0.1780 352.91) 61.3%, oklch(62.13% 0.1780 0.03) 64.5%, oklch(64.03% 0.1775 7.05) 67.7%, oklch(66.10% 0.1761 14.75) 71.0%, oklch(68.31% 0.1738 23.19) 74.2%, oklch(70.59% 0.1707 32.10) 77.4%, oklch(72.90% 0.1671 41.20) 80.6%, oklch(75.18% 0.1632 50.23) 83.9%, oklch(77.35% 0.1593 58.93) 87.1%, oklch(79.36% 0.1556 67.02) 90.3%, oklch(81.16% 0.1522 74.24) 93.5%, oklch(82.68% 0.1494 80.32) 96.8%, oklch(83.86% 0.1474 85.00) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
