Aller au contenu

Palettes Grabient

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

Bleu clair, violet et rose (trichromie) aux tons néon, palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #00ddef, #00b1f6, #687eff, #d066ff, #ff7bcc. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #00ddef
  • #00d9ef
  • #00d5f0
  • #00cff0
  • #00c9f0
  • #00c3f1
  • #00bcf2
  • #00b6f4
  • #00b1f6
  • #00aafa
  • #00a4fe
  • #1b9dff
  • #2f95ff
  • #3e8fff
  • #4c88ff
  • #5a83ff
  • #687eff
  • #767aff
  • #8578ff
  • #9575ff
  • #a473ff
  • #b370ff
  • #c26cff
  • #d066ff
  • #da66f9
  • #e466f2
  • #ec67eb
  • #f469e4
  • #fb6bde
  • #ff6fd7
  • #ff76d0
  • #ff7bcc

CSS

background: linear-gradient(90deg in oklch, oklch(81.89% 0.1399 205.31) 0.0%, oklch(81.09% 0.1393 207.65) 3.2%, oklch(80.00% 0.1387 210.72) 6.5%, oklch(78.71% 0.1386 214.38) 9.7%, oklch(77.28% 0.1393 218.46) 12.9%, oklch(75.80% 0.1410 222.82) 16.1%, oklch(74.33% 0.1439 227.29) 19.4%, oklch(72.97% 0.1483 231.71) 22.6%, oklch(71.76% 0.1543 235.95) 25.8%, oklch(70.52% 0.1619 240.12) 29.0%, oklch(69.21% 0.1718 244.33) 32.3%, oklch(67.90% 0.1777 248.61) 35.5%, oklch(66.68% 0.1812 253.01) 38.7%, oklch(65.62% 0.1846 257.56) 41.9%, oklch(64.80% 0.1877 262.28) 45.2%, oklch(64.29% 0.1901 267.22) 48.4%, oklch(64.16% 0.1917 272.44) 51.6%, oklch(64.45% 0.1927 278.14) 54.8%, oklch(65.06% 0.1941 284.21) 58.1%, oklch(65.90% 0.1965 290.47) 61.3%, oklch(66.90% 0.2007 296.74) 64.5%, oklch(67.95% 0.2073 302.87) 67.7%, oklch(68.98% 0.2167 308.67) 71.0%, oklch(69.88% 0.2294 313.99) 74.2%, oklch(70.68% 0.2285 318.83) 77.4%, oklch(71.53% 0.2258 323.55) 80.6%, oklch(72.41% 0.2228 328.09) 83.9%, oklch(73.29% 0.2196 332.34) 87.1%, oklch(74.13% 0.2165 336.23) 90.3%, oklch(74.88% 0.2086 339.66) 93.5%, oklch(75.51% 0.1933 342.55) 96.8%, oklch(75.98% 0.1828 344.80) 100.0%);

Dans ces collections

Dégradés d’étéDégradés éclatantsDégradés multicolores clairs

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