Roxo (monocromático) em tons vivos: gradiente linear
Roxo (monocromático) em tons vivos: paleta com 32 cores. #36084b, #5d006c, #8a0691, #ac34b3, #c96dd7. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #36084b
- #38084e
- #3c0851
- #400755
- #45065a
- #4b045e
- #510363
- #570168
- #5d006c
- #630071
- #690075
- #6e0079
- #74007e
- #7a0082
- #7f0187
- #84038c
- #8a0691
- #8f0c95
- #94119a
- #99179f
- #9e1ea4
- #a324a9
- #a82cae
- #ac34b3
- #b13db9
- #b546be
- #ba4ec3
- #bd56c8
- #c15dcd
- #c464d1
- #c769d5
- #c96dd7
CSS
background: linear-gradient(180deg in oklch, oklch(25.98% 0.1157 311.48) 0.0%, oklch(26.65% 0.1196 312.19) 3.2%, oklch(27.50% 0.1247 313.13) 6.5%, oklch(28.49% 0.1307 314.26) 9.7%, oklch(29.61% 0.1375 315.53) 12.9%, oklch(30.82% 0.1447 316.87) 16.1%, oklch(32.10% 0.1522 318.24) 19.4%, oklch(33.42% 0.1596 319.57) 22.6%, oklch(34.78% 0.1662 320.81) 25.8%, oklch(36.11% 0.1715 321.93) 29.0%, oklch(37.39% 0.1768 322.85) 32.3%, oklch(38.64% 0.1820 323.56) 35.5%, oklch(39.89% 0.1873 324.17) 38.7%, oklch(41.17% 0.1928 324.70) 41.9%, oklch(42.44% 0.1979 325.16) 45.2%, oklch(43.75% 0.2021 325.53) 48.4%, oklch(45.08% 0.2060 325.82) 51.6%, oklch(46.43% 0.2093 326.04) 54.8%, oklch(47.80% 0.2119 326.20) 58.1%, oklch(49.20% 0.2138 326.28) 61.3%, oklch(50.62% 0.2148 326.30) 64.5%, oklch(52.07% 0.2148 326.25) 67.7%, oklch(53.66% 0.2134 326.06) 71.0%, oklch(55.38% 0.2107 325.74) 74.2%, oklch(57.18% 0.2070 325.31) 77.4%, oklch(59.00% 0.2025 324.81) 80.6%, oklch(60.80% 0.1977 324.27) 83.9%, oklch(62.53% 0.1927 323.72) 87.1%, oklch(64.14% 0.1880 323.19) 90.3%, oklch(65.57% 0.1837 322.72) 93.5%, oklch(66.78% 0.1802 322.33) 96.8%, oklch(67.72% 0.1778 322.05) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
