Rose, bleu et violet (trichromie) aux tons vifs en dégradé radial
Dégradé radial, 48 couleurs : #e390b4, #818bf9, #7159cc, #8a2d9c, #9d32d8. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #e390b4
- #e18fb8
- #de8dbc
- #da8cc2
- #d68aca
- #cf8ad1
- #c889d9
- #bf89e1
- #b489e8
- #a88aef
- #9c8af3
- #8f8bf7
- #818bf9
- #748bfa
- #688bf9
- #5e8af8
- #5788f6
- #5485f4
- #5480f0
- #577bec
- #5b75e8
- #616ee2
- #6767dc
- #6c60d4
- #7159cc
- #7652c4
- #794cbc
- #7d46b3
- #7f40ab
- #813ba4
- #83379f
- #84349b
- #853199
- #872f99
- #882e9a
- #8a2d9c
- #8c2ca0
- #8e2ca4
- #902ca9
- #922cae
- #942db4
- #962ebb
- #982fc1
- #9930c7
- #9a31cc
- #9b32d1
- #9c32d5
- #9d32d8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.80% 0.1089 352.27) 0.0%, oklch(74.46% 0.1113 348.85) 2.1%, oklch(74.08% 0.1143 344.32) 4.3%, oklch(73.64% 0.1180 338.86) 6.4%, oklch(73.16% 0.1221 332.64) 8.5%, oklch(72.64% 0.1266 325.85) 10.6%, oklch(72.07% 0.1314 318.66) 12.8%, oklch(71.47% 0.1363 311.25) 14.9%, oklch(70.83% 0.1414 303.81) 17.0%, oklch(70.16% 0.1464 296.50) 19.1%, oklch(69.45% 0.1513 289.51) 21.3%, oklch(68.72% 0.1560 283.02) 23.4%, oklch(67.96% 0.1604 277.20) 25.5%, oklch(67.17% 0.1644 272.24) 27.7%, oklch(66.36% 0.1679 268.31) 29.8%, oklch(65.53% 0.1707 265.60) 31.9%, oklch(64.67% 0.1729 264.27) 34.0%, oklch(63.69% 0.1743 264.30) 36.2%, oklch(62.59% 0.1750 265.53) 38.3%, oklch(61.39% 0.1752 267.80) 40.4%, oklch(60.12% 0.1750 270.94) 42.6%, oklch(58.79% 0.1744 274.80) 44.7%, oklch(57.44% 0.1736 279.22) 46.8%, oklch(56.08% 0.1726 284.04) 48.9%, oklch(54.75% 0.1716 289.10) 51.1%, oklch(53.47% 0.1706 294.24) 53.2%, oklch(52.26% 0.1698 299.31) 55.3%, oklch(51.14% 0.1692 304.14) 57.4%, oklch(50.15% 0.1690 308.57) 59.6%, oklch(49.30% 0.1693 312.45) 61.7%, oklch(48.63% 0.1701 315.61) 63.8%, oklch(48.14% 0.1716 317.91) 66.0%, oklch(47.88% 0.1738 319.30) 68.1%, oklch(47.83% 0.1768 320.16) 70.2%, oklch(47.96% 0.1804 320.56) 72.3%, oklch(48.26% 0.1846 320.57) 74.5%, oklch(48.70% 0.1891 320.25) 76.6%, oklch(49.25% 0.1941 319.63) 78.7%, oklch(49.89% 0.1992 318.79) 80.9%, oklch(50.59% 0.2044 317.77) 83.0%, oklch(51.33% 0.2097 316.64) 85.1%, oklch(52.09% 0.2149 315.44) 87.2%, oklch(52.83% 0.2199 314.23) 89.4%, oklch(53.54% 0.2246 313.07) 91.5%, oklch(54.19% 0.2289 312.01) 93.6%, oklch(54.75% 0.2327 311.11) 95.7%, oklch(55.20% 0.2359 310.42) 97.9%, oklch(55.51% 0.2384 310.00) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
