Rouge, jaune, vert et cyan aux tons néon en dégradé linéaire

Dégradé linéaire, 32 couleurs à 315° : #ff425b, #feac00, #beed00, #00d673, #00c9cf. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #ff425b
• #ff4951
• #ff5143
• #ff5b31
• #fe681c
• #fe7700
• #fd8a00
• #fd9c00
• #feac00
• #fdba00
• #fdc808
• #fbd409
• #f8e007
• #f0e80a
• #e3ed0d
• #d2ee04
• #beed00
• #a8eb10
• #91e927
• #7ae637
• #62e144
• #46dd51
• #22da60
• #00d673
• #00d485
• #00d293
• #00d19f
• #04cfaa
• #00ceb6
• #00ccc1
• #00cac9
• #00c9cf

CSS

background: linear-gradient(315deg in oklch, oklch(66.53% 0.2229 18.98) 0.0%, oklch(66.99% 0.2175 22.97) 3.2%, oklch(67.58% 0.2123 28.59) 6.5%, oklch(68.45% 0.2065 35.25) 9.7%, oklch(69.75% 0.1986 42.36) 12.9%, oklch(71.67% 0.1905 49.62) 16.1%, oklch(74.35% 0.1784 57.78) 19.4%, oklch(77.42% 0.1719 66.37) 22.6%, oklch(80.44% 0.1699 74.76) 25.8%, oklch(83.01% 0.1709 82.35) 29.0%, oklch(85.44% 0.1736 89.15) 32.3%, oklch(87.79% 0.1794 95.49) 35.5%, oklch(89.70% 0.1867 101.47) 38.7%, oklch(90.82% 0.1939 107.20) 41.9%, oklch(90.81% 0.2005 112.73) 45.2%, oklch(89.76% 0.2084 117.98) 48.4%, oklch(88.09% 0.2160 122.96) 51.6%, oklch(86.24% 0.2222 127.72) 54.8%, oklch(84.59% 0.2251 132.27) 58.1%, oklch(82.79% 0.2259 136.40) 61.3%, oklch(80.87% 0.2248 140.26) 64.5%, oklch(79.08% 0.2212 144.13) 67.7%, oklch(77.71% 0.2148 148.32) 71.0%, oklch(76.92% 0.1984 152.91) 74.2%, oklch(76.58% 0.1801 157.70) 77.4%, oklch(76.48% 0.1660 162.72) 80.6%, oklch(76.45% 0.1548 168.00) 83.9%, oklch(76.31% 0.1452 173.72) 87.1%, oklch(76.18% 0.1377 180.59) 90.3%, oklch(76.09% 0.1324 187.79) 93.5%, oklch(76.03% 0.1299 194.18) 96.8%, oklch(75.99% 0.1292 198.63) 100.0%);

Dans ces collections

Dégradés multicolores aux tons vifs

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