Jaune, orange et rouge (analogues) aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 270° : #fedf4b, #ffb636, #fd8822, #ee6126, #db2b29. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #fedf4b
- #ffdc49
- #ffd847
- #ffd346
- #ffcd44
- #ffc740
- #ffc13c
- #ffbb39
- #ffb636
- #ffb032
- #ffab2f
- #ffa52c
- #ff9f2a
- #ff9a27
- #ff9423
- #fe8e22
- #fd8822
- #fb8222
- #f97d23
- #f77723
- #f57224
- #f26c25
- #f06726
- #ee6126
- #eb5b27
- #e95427
- #e64d27
- #e44627
- #e13e28
- #df3728
- #dd3029
- #db2b29
CSS
background: linear-gradient(270deg in oklch, oklch(90.55% 0.1626 97.03) 0.0%, oklch(89.92% 0.1620 95.43) 3.2%, oklch(89.08% 0.1604 93.31) 6.5%, oklch(88.07% 0.1582 90.77) 9.7%, oklch(86.96% 0.1568 87.95) 12.9%, oklch(85.79% 0.1562 84.98) 16.1%, oklch(84.61% 0.1564 81.96) 19.4%, oklch(83.47% 0.1568 79.02) 22.6%, oklch(82.42% 0.1573 76.28) 25.8%, oklch(81.42% 0.1585 73.55) 29.0%, oklch(80.41% 0.1604 70.74) 32.3%, oklch(79.41% 0.1620 67.90) 35.5%, oklch(78.41% 0.1641 65.07) 38.7%, oklch(77.40% 0.1668 62.29) 41.9%, oklch(76.38% 0.1702 59.60) 45.2%, oklch(75.33% 0.1726 57.03) 48.4%, oklch(74.27% 0.1746 54.64) 51.6%, oklch(73.17% 0.1763 52.37) 54.8%, oklch(72.05% 0.1779 50.20) 58.1%, oklch(70.92% 0.1795 48.12) 61.3%, oklch(69.79% 0.1811 46.12) 64.5%, oklch(68.65% 0.1828 44.18) 67.7%, oklch(67.52% 0.1847 42.29) 71.0%, oklch(66.42% 0.1868 40.43) 74.2%, oklch(65.29% 0.1894 38.56) 77.4%, oklch(64.09% 0.1925 36.64) 80.6%, oklch(62.84% 0.1960 34.72) 83.9%, oklch(61.62% 0.1995 32.86) 87.1%, oklch(60.46% 0.2030 31.13) 90.3%, oklch(59.41% 0.2062 29.58) 93.5%, oklch(58.53% 0.2089 28.28) 96.8%, oklch(57.87% 0.2108 27.29) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
