Rouge, orange et vert citron aux tons néon en dégradé linéaire

Dégradé linéaire, 32 couleurs à 180° : #fd0915, #ff101b, #f64400, #ce8f00, #84f317. Modifiez et exportez en CSS, SVG, PNG ou shader.

7 points clés OKLCH modifiables.

• #fd0915
• #fd0817
• #fd0719
• #fe061c
• #fe061e
• #ff071f
• #ff091e
• #ff0c1d
• #ff101b
• #ff1418
• #ff1713
• #ff1c0e
• #fe220d
• #fd280b
• #fc2f07
• #fa3700
• #f64400
• #f14e00
• #ec5806
• #e66310
• #e06c12
• #dc7606
• #d68200
• #ce8f00
• #c69c00
• #bea800
• #b6b412
• #b0c112
• #a9cf06
• #9edd00
• #91e901
• #84f317

CSS

background: linear-gradient(180deg in oklch, oklch(62.60% 0.2535 28.13) 0.0%, oklch(62.65% 0.2538 27.94) 3.2%, oklch(62.72% 0.2542 27.65) 6.5%, oklch(62.81% 0.2546 27.34) 9.7%, oklch(62.90% 0.2549 27.11) 12.9%, oklch(62.98% 0.2549 27.05) 16.1%, oklch(63.05% 0.2549 27.19) 19.4%, oklch(63.11% 0.2542 27.46) 22.6%, oklch(63.18% 0.2536 27.83) 25.8%, oklch(63.25% 0.2530 28.33) 29.0%, oklch(63.35% 0.2522 28.95) 32.3%, oklch(63.46% 0.2506 29.60) 35.5%, oklch(63.56% 0.2481 30.13) 38.7%, oklch(63.67% 0.2449 30.76) 41.9%, oklch(63.82% 0.2404 31.76) 45.2%, oklch(64.03% 0.2341 33.35) 48.4%, oklch(64.32% 0.2220 35.67) 51.6%, oklch(64.58% 0.2104 38.21) 54.8%, oklch(64.88% 0.1966 41.25) 58.1%, oklch(65.31% 0.1814 45.12) 61.3%, oklch(65.95% 0.1686 50.24) 64.5%, oklch(66.88% 0.1603 57.08) 67.7%, oklch(68.08% 0.1510 66.46) 71.0%, oklch(69.50% 0.1451 77.59) 74.2%, oklch(71.10% 0.1453 89.17) 77.4%, oklch(72.86% 0.1514 99.94) 80.6%, oklch(74.74% 0.1586 108.66) 83.9%, oklch(77.04% 0.1726 115.84) 87.1%, oklch(79.69% 0.1925 122.10) 90.3%, oklch(82.33% 0.2135 127.39) 93.5%, oklch(84.62% 0.2335 131.65) 96.8%, oklch(86.22% 0.2467 134.86) 100.0%);

Dans ces collections

Dégradés rouge et vert

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