Fauve, orange et rouge (analogues) aux tons vifs en dégradé radial

Dégradé radial, 40 couleurs : #ffe396, #ffbe60, #fe8200, #e04819, #b32035. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #ffe396
• #ffe092
• #ffde8d
• #ffdb89
• #ffd883
• #ffd47e
• #ffd078
• #ffcc73
• #ffc76c
• #ffc366
• #ffbe60
• #ffb959
• #ffb352
• #ffae4b
• #ffa843
• #ffa23c
• #ff9c33
• #ff962a
• #ff8f1f
• #ff8910
• #fe8200
• #fc7d00
• #f97700
• #f77000
• #f46a00
• #f16200
• #ee5b00
• #eb5302
• #e64d10
• #e04819
• #db421f
• #d63e24
• #d03928
• #cb342b
• #c6302e
• #c12d30
• #bd2931
• #b92633
• #b62334
• #b32035

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.12% 0.1006 90.01) 0.0%, oklch(91.62% 0.1032 89.02) 2.6%, oklch(91.04% 0.1060 87.87) 5.1%, oklch(90.40% 0.1090 86.56) 7.7%, oklch(89.68% 0.1120 85.11) 10.3%, oklch(88.91% 0.1153 83.54) 12.8%, oklch(88.08% 0.1186 81.85) 15.4%, oklch(87.20% 0.1221 80.06) 17.9%, oklch(86.28% 0.1257 78.19) 20.5%, oklch(85.32% 0.1295 76.24) 23.1%, oklch(84.32% 0.1335 74.24) 25.6%, oklch(83.29% 0.1377 72.20) 28.2%, oklch(82.23% 0.1420 70.13) 30.8%, oklch(81.16% 0.1466 68.05) 33.3%, oklch(80.07% 0.1515 65.96) 35.9%, oklch(78.97% 0.1565 63.89) 38.5%, oklch(77.86% 0.1618 61.85) 41.0%, oklch(76.75% 0.1674 59.85) 43.6%, oklch(75.65% 0.1732 57.91) 46.2%, oklch(74.56% 0.1792 56.04) 48.7%, oklch(73.46% 0.1837 54.21) 51.3%, oklch(72.30% 0.1851 52.33) 53.8%, oklch(71.05% 0.1868 50.39) 56.4%, oklch(69.75% 0.1888 48.39) 59.0%, oklch(68.39% 0.1912 46.35) 61.5%, oklch(66.99% 0.1939 44.28) 64.1%, oklch(65.56% 0.1971 42.19) 66.7%, oklch(64.12% 0.2001 40.13) 69.2%, oklch(62.67% 0.1986 38.06) 71.8%, oklch(61.23% 0.1968 36.02) 74.4%, oklch(59.82% 0.1949 34.02) 76.9%, oklch(58.43% 0.1929 32.07) 79.5%, oklch(57.09% 0.1909 30.20) 82.1%, oklch(55.81% 0.1889 28.41) 84.6%, oklch(54.60% 0.1870 26.72) 87.2%, oklch(53.47% 0.1852 25.15) 89.7%, oklch(52.43% 0.1836 23.70) 92.3%, oklch(51.50% 0.1823 22.39) 94.9%, oklch(50.68% 0.1812 21.24) 97.4%, oklch(50.00% 0.1805 20.25) 100.0%);

Dans ces collections

Dégradés synthwave

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche