Branco, azul-marinho, cinza e rosa: gradiente radial
Gradiente radial, 56 cores: #f1fff9, #174c6c, #0e2239, #ba9d9f, #c057be. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #f1fff9
- #e5f7f0
- #d6ebe4
- #c3ded7
- #aed0c9
- #98c0ba
- #81b0ac
- #6aa09f
- #539093
- #3f8289
- #2c7581
- #1d697a
- #145f75
- #135571
- #174c6c
- #1d4367
- #233b61
- #27335b
- #2a2d54
- #2b284d
- #2c2447
- #2b2143
- #2a1e3f
- #281d3d
- #241c3c
- #1f1d3b
- #191e3b
- #141f3a
- #0e2239
- #092439
- #072839
- #082c3b
- #0d303f
- #163645
- #223d4f
- #34465c
- #49526a
- #615f77
- #7a6d83
- #917d8e
- #a78d97
- #ba9d9f
- #c9aba6
- #d5b7ab
- #debdad
- #e4bfaa
- #e9bba3
- #edb39c
- #f0a895
- #f09992
- #ed8a94
- #e77b9b
- #de6ea4
- #d364af
- #c85cb8
- #c057be
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0164 168.78) 0.0%, oklch(96.02% 0.0200 171.16) 1.8%, oklch(92.33% 0.0247 174.03) 3.6%, oklch(87.93% 0.0304 177.35) 5.5%, oklch(83.00% 0.0368 181.07) 7.3%, oklch(77.70% 0.0437 185.18) 9.1%, oklch(72.23% 0.0505 189.65) 10.9%, oklch(66.75% 0.0572 194.44) 12.7%, oklch(61.46% 0.0634 199.53) 14.5%, oklch(56.52% 0.0687 204.89) 16.4%, oklch(52.12% 0.0730 210.49) 18.2%, oklch(48.43% 0.0758 216.30) 20.0%, oklch(45.28% 0.0772 223.05) 21.8%, oklch(42.38% 0.0775 231.18) 23.6%, oklch(39.73% 0.0770 240.30) 25.5%, oklch(37.33% 0.0757 249.98) 27.3%, oklch(35.15% 0.0739 259.81) 29.1%, oklch(33.21% 0.0716 269.37) 30.9%, oklch(31.49% 0.0692 278.26) 32.7%, oklch(30.00% 0.0667 286.05) 34.5%, oklch(28.71% 0.0643 292.34) 36.4%, oklch(27.64% 0.0622 296.70) 38.2%, oklch(26.77% 0.0606 298.73) 40.0%, oklch(26.04% 0.0593 297.36) 41.8%, oklch(25.40% 0.0579 292.41) 43.6%, oklch(24.91% 0.0565 284.75) 45.5%, oklch(24.61% 0.0551 275.27) 47.3%, oklch(24.54% 0.0537 264.85) 49.1%, oklch(24.75% 0.0523 254.38) 50.9%, oklch(25.28% 0.0510 244.74) 52.7%, oklch(26.17% 0.0498 236.81) 54.5%, oklch(27.48% 0.0487 231.48) 56.4%, oklch(29.24% 0.0477 229.64) 58.2%, oklch(31.50% 0.0469 232.16) 60.0%, oklch(34.65% 0.0457 240.03) 61.8%, oklch(38.88% 0.0438 252.92) 63.6%, oklch(43.93% 0.0415 269.70) 65.5%, oklch(49.54% 0.0391 289.24) 67.3%, oklch(55.44% 0.0369 310.41) 69.1%, oklch(61.37% 0.0351 332.08) 70.9%, oklch(67.07% 0.0342 353.14) 72.7%, oklch(72.27% 0.0343 12.45) 74.5%, oklch(76.72% 0.0358 28.89) 76.4%, oklch(80.14% 0.0390 41.32) 78.2%, oklch(82.28% 0.0441 48.63) 80.0%, oklch(83.07% 0.0519 50.68) 81.8%, oklch(82.73% 0.0626 48.57) 83.6%, oklch(81.47% 0.0756 43.08) 85.5%, oklch(79.49% 0.0901 34.96) 87.3%, oklch(76.99% 0.1056 24.96) 89.1%, oklch(74.19% 0.1214 13.86) 90.9%, oklch(71.27% 0.1369 2.42) 92.7%, oklch(68.45% 0.1515 351.38) 94.5%, oklch(65.93% 0.1645 341.51) 96.4%, oklch(63.91% 0.1753 333.57) 98.2%, oklch(62.60% 0.1833 328.32) 100.0%);Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
