Rosa-claro, roxo e roxo-escuro em tons quentes: gradiente radial
Rosa-claro, roxo e roxo-escuro em tons quentes: paleta com 32 cores. #fff0f5, #9668a1, #8c337f, #86265b, #35132e. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #fff0f5
- #f9e5ed
- #f0d6e2
- #e4c4d6
- #d6b1c9
- #c69ebe
- #b68ab3
- #a578a9
- #9668a1
- #885a99
- #7f4f93
- #79468f
- #78408b
- #7b3b89
- #7f3886
- #853583
- #8c337f
- #92327a
- #973175
- #9a3070
- #9a2e6b
- #962b66
- #902960
- #86265b
- #7b2355
- #6f2150
- #631e49
- #571c43
- #4c193d
- #421737
- #3b1532
- #35132e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0173 355.06) 0.0%, oklch(93.98% 0.0240 352.46) 3.2%, oklch(90.06% 0.0323 348.68) 6.5%, oklch(85.34% 0.0421 344.08) 9.7%, oklch(80.08% 0.0531 338.96) 12.9%, oklch(74.51% 0.0648 333.64) 16.1%, oklch(68.89% 0.0767 328.43) 19.4%, oklch(63.47% 0.0884 323.66) 22.6%, oklch(58.49% 0.0994 319.63) 25.8%, oklch(54.21% 0.1093 316.67) 29.0%, oklch(50.86% 0.1176 315.09) 32.3%, oklch(48.63% 0.1242 315.19) 35.5%, oklch(47.31% 0.1306 316.95) 38.7%, oklch(46.73% 0.1366 320.04) 41.9%, oklch(46.69% 0.1420 324.11) 45.2%, oklch(47.04% 0.1468 328.82) 48.4%, oklch(47.58% 0.1508 333.81) 51.6%, oklch(48.15% 0.1538 338.76) 54.8%, oklch(48.57% 0.1557 343.30) 58.1%, oklch(48.67% 0.1564 347.10) 61.3%, oklch(48.27% 0.1557 349.82) 64.5%, oklch(47.21% 0.1533 351.13) 67.7%, oklch(45.56% 0.1484 351.32) 71.0%, oklch(43.49% 0.1412 350.65) 74.2%, oklch(41.09% 0.1322 349.31) 77.4%, oklch(38.50% 0.1221 347.48) 80.6%, oklch(35.82% 0.1113 345.33) 83.9%, oklch(33.17% 0.1004 343.04) 87.1%, oklch(30.67% 0.0900 340.79) 90.3%, oklch(28.43% 0.0807 338.76) 93.5%, oklch(26.57% 0.0730 337.12) 96.8%, oklch(25.20% 0.0675 336.06) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
