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

Dégradé linéaire, 32 couleurs à 90° : #ff1b3d, #ff5c18, #faab00, #3bd65a, #00d5cb. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #ff1b3d
• #ff233b
• #ff2a38
• #ff3234
• #fe3b30
• #fe432c
• #fe4b26
• #fe5420
• #ff5c18
• #ff6716
• #ff731e
• #ff7f28
• #ff8a30
• #ff9435
• #ff9d32
• #ffa41e
• #faab00
• #eeb300
• #deba00
• #cbc000
• #b3c700
• #93cd00
• #6cd33b
• #3bd65a
• #00d777
• #00d68f
• #00d5a0
• #00d5ac
• #00d5b7
• #00d5bf
• #00d5c5
• #00d5cb

CSS

background: linear-gradient(90deg in oklch, oklch(63.78% 0.2481 22.50) 0.0%, oklch(64.07% 0.2450 23.64) 3.2%, oklch(64.41% 0.2415 25.02) 6.5%, oklch(64.82% 0.2373 26.66) 9.7%, oklch(65.30% 0.2319 28.57) 12.9%, oklch(65.87% 0.2262 30.76) 16.1%, oklch(66.57% 0.2204 33.24) 19.4%, oklch(67.39% 0.2148 36.04) 22.6%, oklch(68.38% 0.2095 39.15) 25.8%, oklch(69.70% 0.2020 42.33) 29.0%, oklch(71.32% 0.1915 45.59) 32.3%, oklch(73.10% 0.1808 49.11) 35.5%, oklch(74.91% 0.1711 53.02) 38.7%, oklch(76.61% 0.1642 57.50) 41.9%, oklch(78.08% 0.1617 62.69) 45.2%, oklch(79.16% 0.1666 68.76) 48.4%, oklch(79.76% 0.1676 75.94) 51.6%, oklch(79.88% 0.1638 84.77) 54.8%, oklch(79.65% 0.1635 94.84) 58.1%, oklch(79.18% 0.1685 105.67) 61.3%, oklch(78.58% 0.1808 116.73) 64.5%, oklch(77.98% 0.2026 127.53) 67.7%, oklch(77.47% 0.2086 137.56) 71.0%, oklch(77.19% 0.2098 146.32) 74.2%, oklch(77.17% 0.1957 153.72) 77.4%, oklch(77.29% 0.1733 160.54) 80.6%, oklch(77.50% 0.1593 166.78) 83.9%, oklch(77.77% 0.1502 172.42) 87.1%, oklch(78.07% 0.1443 177.43) 90.3%, oklch(78.35% 0.1405 181.78) 93.5%, oklch(78.59% 0.1382 185.45) 96.8%, oklch(78.74% 0.1367 188.41) 100.0%);

Dans ces collections

Dégradés multicolores aux tons vifs

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