Aller au contenu

Palettes Grabient

Cyan, bleu, violet et rose aux tons vifs en dégradé radial

Cyan, bleu, violet et rose aux tons vifs, palette de couleurs

Dégradé radial, 32 couleurs : #27f2ff, #00aafe, #344aff, #871efe, #f834bb. Modifiez et exportez en CSS, SVG, PNG ou shader.

7 points clés OKLCH modifiables.

  • #27f2ff
  • #2beeff
  • #2fe8ff
  • #2fe0ff
  • #2ad8ff
  • #20cfff
  • #0fc5ff
  • #00b8ff
  • #00aafe
  • #029cff
  • #148eff
  • #1c82ff
  • #1d75ff
  • #1d6aff
  • #205eff
  • #2854ff
  • #344aff
  • #4041ff
  • #4b39ff
  • #5632ff
  • #612cff
  • #6d25ff
  • #7a21ff
  • #871efe
  • #961efd
  • #a51ef9
  • #b31ff3
  • #c422ea
  • #d526dd
  • #e42bd0
  • #f030c4
  • #f834bb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.79% 0.1446 201.79) 0.0%, oklch(86.76% 0.1422 204.56) 3.2%, oklch(85.38% 0.1398 208.38) 6.5%, oklch(83.68% 0.1388 212.95) 9.7%, oklch(81.71% 0.1400 217.96) 12.9%, oklch(79.52% 0.1435 223.13) 16.1%, oklch(76.98% 0.1494 228.64) 19.4%, oklch(73.99% 0.1569 234.98) 22.6%, oklch(70.77% 0.1666 241.55) 25.8%, oklch(67.57% 0.1806 247.79) 29.0%, oklch(64.65% 0.1936 253.15) 32.3%, oklch(62.10% 0.2065 257.11) 35.5%, oklch(59.65% 0.2203 259.87) 38.7%, oklch(57.37% 0.2338 261.92) 41.9%, oklch(55.37% 0.2460 263.78) 45.2%, oklch(53.77% 0.2561 265.96) 48.4%, oklch(52.65% 0.2635 268.81) 51.6%, oklch(51.98% 0.2688 271.92) 54.8%, oklch(51.68% 0.2726 275.22) 58.1%, oklch(51.71% 0.2755 278.75) 61.3%, oklch(52.03% 0.2779 282.56) 64.5%, oklch(52.58% 0.2803 286.69) 67.7%, oklch(53.52% 0.2821 291.09) 71.0%, oklch(54.79% 0.2835 295.76) 74.2%, oklch(56.26% 0.2842 300.72) 77.4%, oklch(57.80% 0.2838 305.99) 80.6%, oklch(59.30% 0.2821 311.62) 83.9%, oklch(60.98% 0.2780 318.37) 87.1%, oklch(62.83% 0.2722 325.95) 90.3%, oklch(64.65% 0.2659 333.44) 93.5%, oklch(66.22% 0.2602 339.91) 96.8%, oklch(67.32% 0.2563 344.46) 100.0%);

Dans ces collections

Dégradés multicolores aux tons vifsDégradés pour fond d’écran de bureau

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