Orange, rose et violet (trichromie) aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 270° : #ffbb35, #ff9022, #ea5e3b, #a84182, #5f3085. Modifiez et exportez en CSS, SVG, PNG ou shader.
7 points clés OKLCH modifiables.
- #ffbb35
- #ffb833
- #ffb330
- #ffae2c
- #ffa828
- #ffa225
- #ff9d23
- #ff9722
- #ff9022
- #ff8a21
- #fe8322
- #fc7d25
- #fa7726
- #f87127
- #f46a2a
- #f06431
- #ea5e3b
- #e25847
- #d95451
- #ce505b
- #c44c63
- #bb486c
- #b24476
- #a84182
- #9d3f8d
- #923d96
- #873c99
- #7c3a98
- #723794
- #6a348e
- #633289
- #5f3085
CSS
background: linear-gradient(270deg in oklch, oklch(83.46% 0.1585 79.45) 0.0%, oklch(82.86% 0.1591 77.85) 3.2%, oklch(82.01% 0.1599 75.62) 6.5%, oklch(81.02% 0.1612 72.97) 9.7%, oklch(79.95% 0.1629 70.10) 12.9%, oklch(78.91% 0.1650 67.24) 16.1%, oklch(77.91% 0.1670 64.38) 19.4%, oklch(76.89% 0.1692 61.30) 22.6%, oklch(75.84% 0.1719 58.12) 25.8%, oklch(74.75% 0.1756 54.94) 29.0%, oklch(73.62% 0.1786 51.89) 32.3%, oklch(72.44% 0.1803 49.17) 35.5%, oklch(71.25% 0.1823 46.93) 38.7%, oklch(70.02% 0.1841 44.79) 41.9%, oklch(68.72% 0.1849 42.34) 45.2%, oklch(67.30% 0.1843 39.17) 48.4%, oklch(65.72% 0.1814 34.95) 51.6%, oklch(63.93% 0.1755 30.00) 54.8%, oklch(62.02% 0.1678 24.40) 58.1%, oklch(60.09% 0.1601 18.19) 61.3%, oklch(58.23% 0.1540 11.39) 64.5%, oklch(56.55% 0.1510 3.92) 67.7%, oklch(55.04% 0.1516 354.85) 71.0%, oklch(53.62% 0.1542 344.78) 74.2%, oklch(52.24% 0.1574 334.76) 77.4%, oklch(50.84% 0.1597 325.85) 80.6%, oklch(49.35% 0.1596 319.10) 83.9%, oklch(47.63% 0.1567 314.45) 87.1%, oklch(45.77% 0.1522 311.26) 90.3%, oklch(43.97% 0.1470 309.12) 93.5%, oklch(42.43% 0.1423 307.60) 96.8%, oklch(41.34% 0.1392 306.30) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
