Jaune, orange et rose (trichromie) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 45° : #fff189, #ffd244, #ff9b2e, #f5603a, #d73d6a. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #fff189
• #ffef84
• #feed7e
• #fee976
• #fee66c
• #fee162
• #fedd58
• #fed84d
• #ffd244
• #ffcc3f
• #ffc63e
• #ffc03c
• #ffb93a
• #ffb238
• #ffaa35
• #ffa332
• #ff9b2e
• #fe932d
• #fe8a2b
• #fd822b
• #fb792c
• #fa7030
• #f86834
• #f5603a
• #f25941
• #ef5348
• #eb4d50
• #e64957
• #e2455d
• #de4263
• #da3f67
• #d73d6a

CSS

background: linear-gradient(45deg in oklch, oklch(94.88% 0.1267 101.96) 0.0%, oklch(94.37% 0.1295 101.23) 3.2%, oklch(93.71% 0.1334 100.39) 6.5%, oklch(92.92% 0.1380 99.41) 9.7%, oklch(92.03% 0.1430 98.23) 12.9%, oklch(91.07% 0.1480 96.81) 16.1%, oklch(90.05% 0.1525 95.12) 19.4%, oklch(88.99% 0.1564 93.12) 22.6%, oklch(87.92% 0.1590 90.76) 25.8%, oklch(86.79% 0.1588 87.94) 29.0%, oklch(85.60% 0.1573 84.71) 32.3%, oklch(84.34% 0.1561 81.17) 35.5%, oklch(83.05% 0.1556 77.41) 38.7%, oklch(81.72% 0.1562 73.53) 41.9%, oklch(80.37% 0.1577 69.62) 45.2%, oklch(79.02% 0.1603 65.78) 48.4%, oklch(77.66% 0.1638 62.05) 51.6%, oklch(76.23% 0.1671 58.27) 54.8%, oklch(74.75% 0.1711 54.41) 58.1%, oklch(73.25% 0.1756 50.51) 61.3%, oklch(71.76% 0.1802 46.61) 64.5%, oklch(70.30% 0.1845 42.74) 67.7%, oklch(68.91% 0.1882 38.94) 71.0%, oklch(67.63% 0.1910 35.23) 74.2%, oklch(66.43% 0.1927 31.53) 77.4%, oklch(65.25% 0.1935 27.62) 80.6%, oklch(64.10% 0.1937 23.64) 83.9%, oklch(63.02% 0.1934 19.74) 87.1%, oklch(62.03% 0.1929 16.06) 90.3%, oklch(61.15% 0.1923 12.77) 93.5%, oklch(60.42% 0.1917 10.00) 96.8%, oklch(59.84% 0.1915 7.90) 100.0%);

Dans ces collections

Dégradés d’été

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