Azul e cinza: gradiente radial
Gradiente radial, 32 cores: #3e8bcd, #7db3c1, #a19a8d, #7e6470, #3a5082. Edite e exporte CSS, SVG, PNG ou um shader.
7 quadros-chave OKLCH editáveis.
- #3e8bcd
- #4190cd
- #4696ce
- #4d9dce
- #56a5cd
- #5eaacb
- #67aec8
- #72b1c5
- #7db3c1
- #86b5bc
- #8db5b6
- #93b3ae
- #99b0a5
- #9eac9d
- #a1a696
- #a2a092
- #a19a8d
- #9f9387
- #9c8b80
- #99837a
- #957b75
- #907372
- #886b71
- #7e6470
- #745e6e
- #6a586d
- #62546e
- #5b5271
- #535076
- #4b4f7b
- #42507f
- #3a5082
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.1254 247.50) 0.0%, oklch(63.01% 0.1207 245.07) 3.2%, oklch(64.75% 0.1142 241.77) 6.5%, oklch(66.73% 0.1065 237.76) 9.7%, oklch(68.67% 0.0981 233.21) 12.9%, oklch(70.26% 0.0896 228.27) 16.1%, oklch(71.47% 0.0807 223.63) 19.4%, oklch(72.57% 0.0707 219.61) 22.6%, oklch(73.48% 0.0604 214.97) 25.8%, oklch(74.13% 0.0506 208.46) 29.0%, oklch(74.41% 0.0423 198.80) 32.3%, oklch(74.27% 0.0358 184.50) 35.5%, oklch(73.73% 0.0304 165.19) 38.7%, oklch(72.87% 0.0260 143.11) 41.9%, oklch(71.75% 0.0229 120.58) 45.2%, oklch(70.41% 0.0211 99.96) 48.4%, oklch(68.89% 0.0208 83.23) 51.6%, oklch(67.07% 0.0228 69.29) 54.8%, oklch(64.99% 0.0263 56.95) 58.1%, oklch(62.78% 0.0303 45.25) 61.3%, oklch(60.53% 0.0340 33.21) 64.5%, oklch(58.31% 0.0364 19.91) 67.7%, oklch(55.89% 0.0373 5.26) 71.0%, oklch(53.34% 0.0374 350.03) 74.2%, oklch(50.87% 0.0379 334.99) 77.4%, oklch(48.69% 0.0396 320.95) 80.6%, oklch(47.00% 0.0436 308.63) 83.9%, oklch(45.81% 0.0510 297.46) 87.1%, oklch(44.99% 0.0608 287.16) 90.3%, oklch(44.44% 0.0712 278.09) 93.5%, oklch(44.04% 0.0805 270.62) 96.8%, oklch(43.70% 0.0868 265.11) 100.0%);Nestas coleções
Interface de vidro iridescente
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
