Magenta, orange, rose et violet aux tons vifs en dégradé linéaire
Dégradé linéaire, 64 couleurs à 135° : #c9226e, #fbc945, #b82e9f, #685bb7, #550143. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #c9226e
- #ce296a
- #d53164
- #dd3b5c
- #e54753
- #ec5548
- #f2633d
- #f77231
- #fa8126
- #fc901e
- #fd9e1e
- #fcab24
- #fcb62e
- #fbbf38
- #fac540
- #fac944
- #fbc945
- #fcc642
- #ffc13c
- #ffb93e
- #ffaf41
- #ffa441
- #ff9642
- #ff8743
- #ff7547
- #fc6451
- #f5555f
- #eb486d
- #e13e7a
- #d63686
- #cb3090
- #c02e98
- #b82e9f
- #af2fa6
- #a833ac
- #a037b2
- #993bb7
- #9240bb
- #8c45be
- #864ac1
- #814fc2
- #7c53c3
- #7856c3
- #7459c2
- #705bc0
- #6d5cbe
- #6b5cbb
- #685bb7
- #6659b3
- #6555ae
- #6451a8
- #634ca1
- #63469a
- #634092
- #623989
- #613280
- #602b77
- #5f256e
- #5d1e65
- #5c175c
- #5a1154
- #580a4d
- #560447
- #550143
CSS
background: linear-gradient(135deg in oklch, oklch(55.51% 0.2053 0.00) 0.0%, oklch(56.71% 0.2032 3.50) 1.6%, oklch(58.32% 0.2004 8.28) 3.2%, oklch(60.28% 0.1970 14.12) 4.8%, oklch(62.52% 0.1931 20.81) 6.3%, oklch(64.97% 0.1888 28.12) 7.9%, oklch(67.55% 0.1843 35.84) 9.5%, oklch(70.21% 0.1797 43.75) 11.1%, oklch(72.87% 0.1750 51.63) 12.7%, oklch(75.46% 0.1705 59.27) 14.3%, oklch(77.91% 0.1663 66.44) 15.9%, oklch(80.15% 0.1624 72.93) 17.5%, oklch(82.12% 0.1590 78.52) 19.0%, oklch(83.73% 0.1563 82.98) 20.6%, oklch(84.94% 0.1543 86.11) 22.2%, oklch(85.65% 0.1532 87.68) 23.8%, oklch(85.81% 0.1530 87.49) 25.4%, oklch(85.40% 0.1541 85.52) 27.0%, oklch(84.48% 0.1564 81.98) 28.6%, oklch(83.11% 0.1538 77.06) 30.2%, oklch(81.37% 0.1521 70.97) 31.7%, oklch(79.32% 0.1534 63.88) 33.3%, oklch(77.03% 0.1581 56.00) 34.9%, oklch(74.56% 0.1666 47.52) 36.5%, oklch(71.98% 0.1793 38.64) 38.1%, oklch(69.36% 0.1897 29.55) 39.7%, oklch(66.76% 0.1948 20.45) 41.3%, oklch(64.26% 0.1994 11.53) 42.9%, oklch(61.91% 0.2033 2.99) 44.4%, oklch(59.79% 0.2064 355.02) 46.0%, oklch(57.96% 0.2086 347.81) 47.6%, oklch(56.49% 0.2095 341.57) 49.2%, oklch(55.42% 0.2091 336.32) 50.8%, oklch(54.64% 0.2074 331.28) 52.4%, oklch(54.11% 0.2048 326.33) 54.0%, oklch(53.78% 0.2012 321.51) 55.6%, oklch(53.62% 0.1968 316.86) 57.1%, oklch(53.59% 0.1918 312.41) 58.7%, oklch(53.67% 0.1864 308.20) 60.3%, oklch(53.80% 0.1806 304.27) 61.9%, oklch(53.97% 0.1746 300.64) 63.5%, oklch(54.13% 0.1686 297.37) 65.1%, oklch(54.24% 0.1627 294.48) 66.7%, oklch(54.28% 0.1570 292.01) 68.3%, oklch(54.21% 0.1518 290.01) 69.8%, oklch(53.98% 0.1471 288.49) 71.4%, oklch(53.58% 0.1430 287.51) 73.0%, oklch(52.95% 0.1398 287.09) 74.6%, oklch(52.08% 0.1374 287.40) 76.2%, oklch(50.99% 0.1355 288.65) 77.8%, oklch(49.70% 0.1339 290.75) 79.4%, oklch(48.26% 0.1327 293.58) 81.0%, oklch(46.69% 0.1319 297.00) 82.5%, oklch(45.03% 0.1312 300.91) 84.1%, oklch(43.31% 0.1309 305.18) 85.7%, oklch(41.56% 0.1307 309.69) 87.3%, oklch(39.81% 0.1306 314.32) 88.9%, oklch(38.09% 0.1307 318.95) 90.5%, oklch(36.44% 0.1308 323.46) 92.1%, oklch(34.89% 0.1309 327.72) 93.7%, oklch(33.47% 0.1311 331.62) 95.2%, oklch(32.21% 0.1311 335.03) 96.8%, oklch(31.15% 0.1311 337.84) 98.4%, oklch(30.31% 0.1309 339.92) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
