Rouge, violet et bleu (trichromie) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #ff2731, #e12669, #9439c4, #473ada, #1b46bf. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #ff2731
• #fd2536
• #fb253b
• #f72541
• #f32647
• #ef264e
• #eb2656
• #e6265f
• #e12669
• #db2675
• #d32882
• #ca2b90
• #c02f9e
• #b532aa
• #a935b5
• #9e38bd
• #9439c4
• #893aca
• #7e39cf
• #7339d3
• #6839d7
• #5d39d9
• #5239da
• #473ada
• #3e3cd8
• #363dd5
• #2f3fd1
• #2941cd
• #2443c9
• #2144c5
• #1e45c1
• #1b46bf

CSS

background: linear-gradient(90deg in oklch, oklch(64.17% 0.2438 26.02) 0.0%, oklch(63.84% 0.2432 24.84) 3.2%, oklch(63.40% 0.2403 23.54) 6.5%, oklch(62.88% 0.2368 22.02) 9.7%, oklch(62.30% 0.2331 20.14) 12.9%, oklch(61.67% 0.2293 17.81) 16.1%, oklch(61.01% 0.2256 14.89) 19.4%, oklch(60.34% 0.2224 11.28) 22.6%, oklch(59.68% 0.2199 6.85) 25.8%, oklch(58.98% 0.2176 1.22) 29.0%, oklch(58.25% 0.2153 354.56) 32.3%, oklch(57.50% 0.2133 347.18) 35.5%, oklch(56.72% 0.2115 339.43) 38.7%, oklch(55.93% 0.2102 331.63) 41.9%, oklch(55.13% 0.2094 324.13) 45.2%, oklch(54.33% 0.2092 317.26) 48.4%, oklch(53.53% 0.2100 311.20) 51.6%, oklch(52.69% 0.2123 305.40) 54.8%, oklch(51.81% 0.2157 299.78) 58.1%, oklch(50.92% 0.2197 294.42) 61.3%, oklch(50.05% 0.2237 289.39) 64.5%, oklch(49.22% 0.2272 284.75) 67.7%, oklch(48.46% 0.2296 280.58) 71.0%, oklch(47.79% 0.2303 276.93) 74.2%, oklch(47.22% 0.2288 273.90) 77.4%, oklch(46.72% 0.2254 271.47) 80.6%, oklch(46.29% 0.2206 269.57) 83.9%, oklch(45.91% 0.2149 268.08) 87.1%, oklch(45.59% 0.2090 266.93) 90.3%, oklch(45.31% 0.2035 266.01) 93.5%, oklch(45.08% 0.1988 265.23) 96.8%, oklch(44.88% 0.1957 264.49) 100.0%);

Dans ces collections

Dégradés rouge et bleu

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