Bleu clair, violet, rose et rouge aux tons néon en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #51c5fd, #8e6dfc, #e52fc4, #fe2c80, #ff6142. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #51c5fd
• #50beff
• #54b5ff
• #5ba9ff
• #639cff
• #6d8fff
• #7883ff
• #8278fe
• #8e6dfc
• #9963f9
• #a459f5
• #af50ef
• #ba47e8
• #c43fdf
• #d038d6
• #db33cd
• #e52fc4
• #ef2bba
• #f629b0
• #fc27a5
• #fe269b
• #ff2791
• #ff2988
• #fe2c80
• #fe3078
• #fe356f
• #ff3c66
• #ff455d
• #ff4f55
• #ff574d
• #ff5d47
• #ff6142

CSS

background: linear-gradient(90deg in oklch, oklch(77.95% 0.1309 233.44) 0.0%, oklch(76.58% 0.1361 238.13) 3.2%, oklch(74.61% 0.1406 244.65) 6.5%, oklch(72.31% 0.1478 252.37) 9.7%, oklch(69.93% 0.1576 260.66) 12.9%, oklch(67.75% 0.1695 268.89) 16.1%, oklch(66.02% 0.1821 276.45) 19.4%, oklch(64.81% 0.1935 283.17) 22.6%, oklch(63.86% 0.2036 289.75) 25.8%, oklch(63.14% 0.2138 296.19) 29.0%, oklch(62.63% 0.2236 302.49) 32.3%, oklch(62.33% 0.2325 308.63) 35.5%, oklch(62.21% 0.2400 314.59) 38.7%, oklch(62.31% 0.2458 320.40) 41.9%, oklch(62.80% 0.2503 326.14) 45.2%, oklch(63.55% 0.2538 331.75) 48.4%, oklch(64.41% 0.2562 337.16) 51.6%, oklch(65.25% 0.2575 342.28) 54.8%, oklch(65.90% 0.2579 347.04) 58.1%, oklch(66.23% 0.2573 351.33) 61.3%, oklch(66.27% 0.2552 355.01) 64.5%, oklch(66.12% 0.2518 358.23) 67.7%, oklch(65.90% 0.2477 1.18) 71.0%, oklch(65.70% 0.2430 4.08) 74.2%, oklch(65.64% 0.2381 7.10) 77.4%, oklch(65.80% 0.2333 10.47) 80.6%, oklch(66.24% 0.2278 14.41) 83.9%, oklch(66.86% 0.2200 18.72) 87.1%, oklch(67.57% 0.2123 23.06) 90.3%, oklch(68.27% 0.2060 27.12) 93.5%, oklch(68.88% 0.2013 30.54) 96.8%, oklch(69.29% 0.1987 33.01) 100.0%);

Dans ces collections

Dégradés néon

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