Violet et rose aux tons vifs sans raccord en dégradé angulaire
Dégradé angulaire, 40 couleurs à 30° : #24103a, #742fcc, #f32dab, #cd3864, #24103a. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #24103a
- #281241
- #2e154b
- #351757
- #3c1a66
- #451e76
- #4d2187
- #572599
- #6028ab
- #6a2cbc
- #742fcc
- #7e31da
- #8933e4
- #9334ea
- #a034ec
- #ae33ea
- #bd31e4
- #cd30da
- #db2ecd
- #e82dbd
- #f32dab
- #fa2f99
- #ff3388
- #ff3979
- #fe3c6c
- #fa3f63
- #f4405f
- #eb3e5e
- #de3b61
- #cd3864
- #bb3367
- #a62f68
- #912b68
- #7b2765
- #67235f
- #541e58
- #431a50
- #361648
- #2b1340
- #24103a
CSS
background: conic-gradient(from 30deg in oklch, oklch(22.83% 0.0772 302.34) 0.0%, oklch(24.36% 0.0855 302.14) 2.6%, oklch(26.35% 0.0966 301.60) 5.1%, oklch(28.71% 0.1099 300.83) 7.7%, oklch(31.37% 0.1251 299.92) 10.3%, oklch(34.26% 0.1414 298.98) 12.8%, oklch(37.29% 0.1584 298.10) 15.4%, oklch(40.38% 0.1756 297.39) 17.9%, oklch(43.46% 0.1923 296.96) 20.5%, oklch(46.45% 0.2082 296.89) 23.1%, oklch(49.26% 0.2227 297.29) 25.6%, oklch(51.83% 0.2352 298.27) 28.2%, oklch(54.07% 0.2452 299.92) 30.8%, oklch(55.91% 0.2522 302.34) 33.3%, oklch(57.51% 0.2565 306.01) 35.9%, oklch(59.09% 0.2591 311.13) 38.5%, oklch(60.60% 0.2601 317.39) 41.0%, oklch(62.02% 0.2597 324.50) 43.6%, oklch(63.31% 0.2579 332.14) 46.2%, oklch(64.43% 0.2550 340.02) 48.7%, oklch(65.34% 0.2510 347.83) 51.3%, oklch(66.02% 0.2463 355.27) 53.8%, oklch(66.42% 0.2408 2.04) 56.4%, oklch(66.51% 0.2322 7.83) 59.0%, oklch(66.25% 0.2283 12.34) 61.5%, oklch(65.62% 0.2217 15.27) 64.1%, oklch(64.57% 0.2150 16.32) 66.7%, oklch(62.89% 0.2073 15.27) 69.2%, oklch(60.50% 0.1979 12.34) 71.8%, oklch(57.52% 0.1872 7.83) 74.4%, oklch(54.07% 0.1755 2.04) 76.9%, oklch(50.29% 0.1630 355.27) 79.5%, oklch(46.28% 0.1502 347.83) 82.1%, oklch(42.19% 0.1373 340.02) 84.6%, oklch(38.14% 0.1247 332.14) 87.2%, oklch(34.25% 0.1127 324.50) 89.7%, oklch(30.65% 0.1016 317.39) 92.3%, oklch(27.46% 0.0918 311.13) 94.9%, oklch(24.81% 0.0835 306.01) 97.4%, oklch(22.83% 0.0772 302.34) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
