Rose, violet et bleu (trichromie) aux tons vifs en dégradé radial

Dégradé radial, 32 couleurs : #fd7aaa, #eb51b6, #a348ce, #5649d5, #1a3bab. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #fd7aaa
• #fc77ab
• #fc72ab
• #fb6dac
• #fa67ad
• #f860ae
• #f55ab0
• #f155b3
• #eb51b6
• #e54eba
• #dd4cbd
• #d44ac0
• #ca4ac3
• #c049c6
• #b649c9
• #ac48cb
• #a348ce
• #9948d1
• #8e48d4
• #8348d6
• #7849d8
• #6c49d8
• #614ad8
• #5649d5
• #4c49d2
• #4347cc
• #3a45c6
• #3243c0
• #2b40ba
• #243eb4
• #1f3caf
• #1a3bab

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.1667 358.59) 0.0%, oklch(73.89% 0.1710 357.61) 3.2%, oklch(73.23% 0.1771 356.42) 6.5%, oklch(72.43% 0.1845 355.00) 9.7%, oklch(71.54% 0.1924 353.35) 12.9%, oklch(70.57% 0.2001 351.46) 16.1%, oklch(69.55% 0.2069 349.30) 19.4%, oklch(68.50% 0.2123 346.87) 22.6%, oklch(67.45% 0.2155 344.14) 25.8%, oklch(66.33% 0.2168 341.05) 29.0%, oklch(65.13% 0.2165 337.61) 32.3%, oklch(63.87% 0.2151 333.89) 35.5%, oklch(62.58% 0.2131 329.95) 38.7%, oklch(61.30% 0.2108 325.84) 41.9%, oklch(60.04% 0.2087 321.63) 45.2%, oklch(58.84% 0.2071 317.39) 48.4%, oklch(57.72% 0.2064 313.08) 51.6%, oklch(56.67% 0.2063 308.38) 54.8%, oklch(55.67% 0.2065 303.36) 58.1%, oklch(54.69% 0.2068 298.23) 61.3%, oklch(53.73% 0.2070 293.16) 64.5%, oklch(52.75% 0.2070 288.34) 67.7%, oklch(51.74% 0.2066 283.94) 71.0%, oklch(50.67% 0.2057 280.16) 74.2%, oklch(49.50% 0.2039 277.07) 77.4%, oklch(48.18% 0.2013 274.46) 80.6%, oklch(46.77% 0.1981 272.27) 83.9%, oklch(45.35% 0.1946 270.43) 87.1%, oklch(43.99% 0.1911 268.90) 90.3%, oklch(42.75% 0.1879 267.62) 93.5%, oklch(41.71% 0.1852 266.54) 96.8%, oklch(40.94% 0.1833 265.60) 100.0%);

Dans ces collections

Dégradés rose et bleu

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