Azul-marinho, roxo, rosa e cinza: gradiente radial
Gradiente radial, 32 cores: #10152c, #75237e, #f22e8b, #c280de, #9aa6b6. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #10152c
- #141834
- #1b1b3d
- #241d49
- #2f2055
- #3d2261
- #4e236d
- #612476
- #75237e
- #8a2182
- #9f1f84
- #b31c84
- #c61983
- #d61982
- #e31d82
- #ed2485
- #f22e8b
- #f43a96
- #f346a3
- #ee53b2
- #e65fc1
- #dc6bce
- #cf76d8
- #c280de
- #b58ae0
- #a992de
- #9f98d9
- #999dd2
- #96a1ca
- #95a3c2
- #97a5bb
- #9aa6b6
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0469 272.11) 0.0%, oklch(22.10% 0.0545 275.62) 3.2%, oklch(24.16% 0.0650 280.42) 6.5%, oklch(26.59% 0.0777 286.28) 9.7%, oklch(29.35% 0.0923 292.99) 12.9%, oklch(32.35% 0.1082 300.32) 16.1%, oklch(35.54% 0.1250 308.04) 19.4%, oklch(38.85% 0.1422 315.94) 22.6%, oklch(42.24% 0.1593 323.79) 25.8%, oklch(45.62% 0.1758 331.37) 29.0%, oklch(48.94% 0.1913 338.46) 32.3%, oklch(52.15% 0.2053 344.84) 35.5%, oklch(55.17% 0.2174 350.29) 38.7%, oklch(57.94% 0.2269 354.57) 41.9%, oklch(60.40% 0.2336 357.48) 45.2%, oklch(62.50% 0.2368 358.78) 48.4%, oklch(64.19% 0.2362 358.26) 51.6%, oklch(65.61% 0.2316 355.88) 54.8%, oklch(66.82% 0.2236 351.84) 58.1%, oklch(67.83% 0.2126 346.39) 61.3%, oklch(68.66% 0.1992 339.77) 64.5%, oklch(69.34% 0.1837 332.20) 67.7%, oklch(69.88% 0.1667 323.92) 71.0%, oklch(70.31% 0.1488 315.16) 74.2%, oklch(70.64% 0.1303 306.17) 77.4%, oklch(70.90% 0.1118 297.17) 80.6%, oklch(71.10% 0.0937 288.40) 83.9%, oklch(71.27% 0.0766 280.10) 87.1%, oklch(71.43% 0.0610 272.50) 90.3%, oklch(71.60% 0.0472 265.84) 93.5%, oklch(71.80% 0.0359 260.35) 96.8%, oklch(72.05% 0.0276 256.26) 100.0%);Nestas coleções
Colagem de adesivos no armário
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
