Violet, rose et orange (trichromie) aux tons néon en dégradé radial
Dégradé radial, 32 couleurs : #7200d9, #b301e6, #f3199a, #ff5a48, #fec502. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #7200d9
- #7600dc
- #7d00df
- #8400e2
- #8d01e6
- #9601e8
- #a001ea
- #a901e9
- #b301e6
- #bc00e1
- #c500da
- #ce00d2
- #d701c8
- #df03bd
- #e608b1
- #ed10a6
- #f3199a
- #f7218e
- #f92a82
- #fb3377
- #fc3c6b
- #fd465f
- #fe4f54
- #ff5a48
- #ff683e
- #ff7735
- #ff872e
- #ff9729
- #ffa626
- #ffb221
- #ffbd14
- #fec502
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.65% 0.2601 296.01) 0.0%, oklch(48.43% 0.2624 297.32) 3.2%, oklch(49.48% 0.2657 298.93) 6.5%, oklch(50.75% 0.2695 300.84) 9.7%, oklch(52.15% 0.2735 303.04) 12.9%, oklch(53.58% 0.2772 305.55) 16.1%, oklch(54.98% 0.2802 308.35) 19.4%, oklch(56.26% 0.2821 311.46) 22.6%, oklch(57.34% 0.2824 314.87) 25.8%, oklch(58.29% 0.2815 318.70) 29.0%, oklch(59.17% 0.2796 322.94) 32.3%, oklch(59.99% 0.2769 327.51) 35.5%, oklch(60.77% 0.2736 332.32) 38.7%, oklch(61.52% 0.2696 337.30) 41.9%, oklch(62.26% 0.2651 342.35) 45.2%, oklch(63.01% 0.2602 347.41) 48.4%, oklch(63.74% 0.2549 352.39) 51.6%, oklch(64.34% 0.2485 357.33) 54.8%, oklch(64.85% 0.2412 2.29) 58.1%, oklch(65.33% 0.2334 7.34) 61.3%, oklch(65.87% 0.2254 12.52) 64.5%, oklch(66.54% 0.2176 17.92) 67.7%, oklch(67.41% 0.2103 23.58) 71.0%, oklch(68.56% 0.2039 29.57) 74.2%, oklch(70.11% 0.1934 36.20) 77.4%, oklch(72.14% 0.1826 43.88) 80.6%, oklch(74.49% 0.1734 52.18) 83.9%, oklch(77.00% 0.1669 60.66) 87.1%, oklch(79.48% 0.1639 68.85) 90.3%, oklch(81.76% 0.1648 76.29) 93.5%, oklch(83.67% 0.1694 82.54) 96.8%, oklch(85.04% 0.1736 87.13) 100.0%);Dans ces collections
Dégradés multicolores aux tons vifs
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
