Violet, rose et moutarde (trichromie) aux tons vifs en dégradé angulaire
Dégradé angulaire, 40 couleurs à 30° : #420975, #a00599, #f4486f, #ff8f4d, #b69900. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #420975
- #470979
- #4d097d
- #550982
- #5e0888
- #69078d
- #740692
- #7f0495
- #8b0398
- #960399
- #a00599
- #aa0998
- #b41095
- #be1692
- #c81d8e
- #d1248a
- #d92b85
- #e13280
- #e83a7a
- #ef4174
- #f4486f
- #f95069
- #fe5864
- #ff6361
- #ff6f60
- #ff785f
- #ff805d
- #ff875a
- #ff8c55
- #ff8f4d
- #ff903e
- #fb922e
- #f49420
- #eb960b
- #e19800
- #d69900
- #cc9900
- #c39900
- #bb9900
- #b69900
CSS
background: conic-gradient(from 30deg in oklch, oklch(31.89% 0.1598 300.23) 0.0%, oklch(32.93% 0.1639 302.00) 2.6%, oklch(34.28% 0.1695 304.21) 5.1%, oklch(35.88% 0.1764 306.81) 7.7%, oklch(37.67% 0.1839 309.74) 10.3%, oklch(39.59% 0.1918 312.93) 12.8%, oklch(41.59% 0.1996 316.33) 15.4%, oklch(43.62% 0.2068 319.86) 17.9%, oklch(45.60% 0.2131 323.48) 20.5%, oklch(47.50% 0.2180 327.12) 23.1%, oklch(49.24% 0.2211 330.72) 25.6%, oklch(50.96% 0.2228 334.46) 28.2%, oklch(52.70% 0.2234 338.37) 30.8%, oklch(54.45% 0.2232 342.43) 33.3%, oklch(56.18% 0.2222 346.59) 35.9%, oklch(57.90% 0.2206 350.84) 38.5%, oklch(59.58% 0.2185 355.13) 41.0%, oklch(61.20% 0.2161 359.43) 43.6%, oklch(62.77% 0.2135 3.70) 46.2%, oklch(64.25% 0.2108 7.91) 48.7%, oklch(65.67% 0.2080 12.03) 51.3%, oklch(67.12% 0.2047 16.11) 53.8%, oklch(68.59% 0.2007 20.15) 56.4%, oklch(70.04% 0.1905 24.18) 59.0%, oklch(71.43% 0.1792 28.21) 61.5%, oklch(72.71% 0.1699 32.27) 64.1%, oklch(73.84% 0.1628 36.36) 66.7%, oklch(74.78% 0.1581 40.51) 69.2%, oklch(75.49% 0.1561 44.73) 71.8%, oklch(75.92% 0.1574 49.05) 74.4%, oklch(76.01% 0.1628 53.59) 76.9%, oklch(75.71% 0.1645 58.57) 79.5%, oklch(75.10% 0.1620 63.87) 82.1%, oklch(74.25% 0.1597 69.30) 84.6%, oklch(73.26% 0.1548 74.69) 87.2%, oklch(72.20% 0.1496 79.90) 89.7%, oklch(71.15% 0.1459 84.76) 92.3%, oklch(70.20% 0.1434 89.10) 94.9%, oklch(69.42% 0.1421 92.76) 97.4%, oklch(68.90% 0.1416 95.57) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
