Violet, rose et bleu clair aux tons vifs en dégradé linéaire
Dégradé linéaire, 64 couleurs à 135° : #30118d, #efa2ff, #60d1d2, #de32a2, #7574ef. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #30118d
- #361992
- #3f2098
- #4a289e
- #5831a6
- #663aad
- #7643b5
- #874dbc
- #9857c4
- #a961cb
- #b96cd2
- #c776d9
- #d580e1
- #e08ae8
- #e892f0
- #ee9af8
- #efa2ff
- #e8aeff
- #e0b8ff
- #d7bfff
- #cfc5ff
- #c6caff
- #bccdff
- #b1d0ff
- #a3d2ff
- #90d5ff
- #76d8fe
- #70d8f2
- #6dd8e7
- #6cd6de
- #6ad4d7
- #66d3d3
- #60d1d2
- #57ced5
- #49cbda
- #3cc6e3
- #36c0ed
- #3eb7f7
- #54acff
- #6fa0ff
- #8492ff
- #9982ff
- #ad71f6
- #be62e6
- #cb54d3
- #d447c0
- #db3baf
- #de32a2
- #df2c9c
- #de2a9a
- #dc2a9c
- #d82da2
- #d333aa
- #cd39b4
- #c540bf
- #bd47ca
- #b44fd4
- #aa56dc
- #9f5de3
- #9563e9
- #8b69ec
- #826eee
- #7b72ef
- #7574ef
CSS
background: linear-gradient(135deg in oklch, oklch(33.07% 0.1805 281.25) 0.0%, oklch(34.89% 0.1796 282.99) 1.6%, oklch(37.23% 0.1785 285.57) 3.2%, oklch(40.01% 0.1773 288.83) 4.8%, oklch(43.15% 0.1761 292.60) 6.3%, oklch(46.58% 0.1747 296.73) 7.9%, oklch(50.23% 0.1731 301.07) 9.5%, oklch(54.02% 0.1715 305.45) 11.1%, oklch(57.86% 0.1698 309.71) 12.7%, oklch(61.70% 0.1679 313.70) 14.3%, oklch(65.45% 0.1660 317.26) 15.9%, oklch(69.03% 0.1640 320.22) 17.5%, oklch(72.38% 0.1618 322.44) 19.0%, oklch(75.41% 0.1596 323.76) 20.6%, oklch(78.04% 0.1573 324.01) 22.2%, oklch(80.22% 0.1548 323.03) 23.8%, oklch(81.86% 0.1505 320.66) 25.4%, oklch(83.10% 0.1266 316.21) 27.0%, oklch(84.04% 0.1061 309.73) 28.6%, oklch(84.70% 0.0907 301.56) 30.2%, oklch(85.11% 0.0803 292.05) 31.7%, oklch(85.29% 0.0743 281.52) 33.3%, oklch(85.27% 0.0723 270.33) 34.9%, oklch(85.07% 0.0741 258.81) 36.5%, oklch(84.72% 0.0800 247.30) 38.1%, oklch(84.25% 0.0908 236.14) 39.7%, oklch(83.68% 0.1064 225.68) 41.3%, oklch(83.03% 0.1030 216.24) 42.9%, oklch(82.34% 0.1005 208.17) 44.4%, oklch(81.63% 0.0989 201.82) 46.0%, oklch(80.92% 0.0986 197.52) 47.6%, oklch(80.24% 0.0996 195.61) 49.2%, oklch(79.58% 0.1021 196.44) 50.8%, oklch(78.77% 0.1066 200.15) 52.4%, oklch(77.78% 0.1128 206.40) 54.0%, oklch(76.65% 0.1206 214.81) 55.6%, oklch(75.41% 0.1296 225.00) 57.1%, oklch(74.09% 0.1395 236.59) 58.7%, oklch(72.70% 0.1479 249.20) 60.3%, oklch(71.28% 0.1493 262.45) 61.9%, oklch(69.85% 0.1589 275.97) 63.5%, oklch(68.45% 0.1786 289.37) 65.1%, oklch(67.09% 0.1935 302.27) 66.7%, oklch(65.81% 0.2032 314.29) 68.3%, oklch(64.62% 0.2120 325.06) 69.8%, oklch(63.57% 0.2194 334.18) 71.4%, oklch(62.67% 0.2253 341.29) 73.0%, oklch(61.96% 0.2294 346.01) 74.6%, oklch(61.43% 0.2316 348.23) 76.2%, oklch(61.04% 0.2322 348.56) 77.8%, oklch(60.78% 0.2315 347.25) 79.4%, oklch(60.63% 0.2296 344.52) 81.0%, oklch(60.58% 0.2268 340.59) 82.5%, oklch(60.61% 0.2231 335.67) 84.1%, oklch(60.71% 0.2188 329.97) 85.7%, oklch(60.85% 0.2140 323.73) 87.3%, oklch(61.04% 0.2090 317.16) 88.9%, oklch(61.25% 0.2038 310.47) 90.5%, oklch(61.47% 0.1988 303.89) 92.1%, oklch(61.69% 0.1939 297.63) 93.7%, oklch(61.88% 0.1895 291.92) 95.2%, oklch(62.04% 0.1857 286.96) 96.8%, oklch(62.16% 0.1826 282.98) 98.4%, oklch(62.20% 0.1805 280.19) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
