Cyan, bleu, violet et orange aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 45° : #15f0ff, #00b4e8, #6760f2, #fd3c9d, #ff752f. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #15f0ff
• #00ebfe
• #00e5fb
• #01def7
• #09d6f3
• #0dcdef
• #0cc5eb
• #06bce9
• #00b4e8
• #00ace7
• #00a2e7
• #0097e7
• #008cec
• #2480ee
• #3c74f0
• #516af1
• #6760f2
• #7e58f0
• #9750ec
• #b04ae3
• #c844d6
• #de40c5
• #f03db1
• #fd3c9d
• #ff4a8b
• #ff567b
• #ff5f6d
• #ff6560
• #ff6a53
• #ff6e47
• #ff723a
• #ff752f

CSS

background: linear-gradient(45deg in oklch, oklch(87.01% 0.1464 203.20) 0.0%, oklch(85.84% 0.1466 204.88) 3.2%, oklch(84.28% 0.1445 206.93) 6.5%, oklch(82.43% 0.1422 209.35) 9.7%, oklch(80.37% 0.1394 212.16) 12.9%, oklch(78.20% 0.1372 215.38) 16.1%, oklch(76.02% 0.1362 219.03) 19.4%, oklch(73.91% 0.1370 223.10) 22.6%, oklch(71.96% 0.1398 227.63) 25.8%, oklch(69.83% 0.1433 232.49) 29.0%, oklch(67.48% 0.1489 237.71) 32.3%, oklch(65.09% 0.1584 243.33) 35.5%, oklch(62.80% 0.1750 249.41) 38.7%, oklch(60.77% 0.1859 255.98) 41.9%, oklch(59.16% 0.1960 263.14) 45.2%, oklch(58.12% 0.2046 270.92) 48.4%, oklch(57.83% 0.2113 279.50) 51.6%, oklch(58.33% 0.2176 289.43) 54.8%, oklch(59.45% 0.2236 300.41) 58.1%, oklch(60.99% 0.2290 312.00) 61.3%, oklch(62.76% 0.2335 323.74) 64.5%, oklch(64.56% 0.2368 335.17) 67.7%, oklch(66.20% 0.2386 345.86) 71.0%, oklch(67.48% 0.2387 355.36) 74.2%, oklch(68.35% 0.2199 3.60) 77.4%, oklch(69.08% 0.2044 11.34) 80.6%, oklch(69.71% 0.1946 18.53) 83.9%, oklch(70.24% 0.1888 25.11) 87.1%, oklch(70.69% 0.1860 31.02) 90.3%, oklch(71.06% 0.1853 36.18) 93.5%, oklch(71.38% 0.1858 40.52) 96.8%, oklch(71.65% 0.1860 43.99) 100.0%);

Dans ces collections

Dégradés multicolores aux tons vifs

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