Orange, jaune, vert et bleu aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 54° : #feb000, #fce450, #84e364, #1fccb5, #2a8cf1. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #feb000
- #ffb40c
- #ffbb2b
- #ffc441
- #ffcc53
- #ffd461
- #ffdb67
- #ffe15f
- #fce450
- #f5e64f
- #eae74b
- #dee747
- #cfe645
- #bee646
- #abe54c
- #97e457
- #84e364
- #72e273
- #61df81
- #53dc8e
- #48d99a
- #3ed5a4
- #32d0ad
- #1fccb5
- #00c6bc
- #00bfc4
- #00b7cb
- #00aed1
- #00a5d9
- #009ce3
- #0294f0
- #2a8cf1
CSS
background: linear-gradient(54deg in oklch, oklch(81.10% 0.1699 76.63) 0.0%, oklch(82.05% 0.1692 78.31) 3.2%, oklch(83.46% 0.1626 80.43) 6.5%, oklch(85.15% 0.1545 82.94) 9.7%, oklch(86.93% 0.1466 85.81) 12.9%, oklch(88.63% 0.1409 88.97) 16.1%, oklch(90.05% 0.1403 92.39) 19.4%, oklch(91.02% 0.1497 96.01) 22.6%, oklch(91.36% 0.1630 99.80) 25.8%, oklch(91.10% 0.1658 103.85) 29.0%, oklch(90.38% 0.1702 108.20) 32.3%, oklch(89.32% 0.1754 112.81) 35.5%, oklch(88.03% 0.1806 117.64) 38.7%, oklch(86.64% 0.1852 122.66) 41.9%, oklch(85.26% 0.1884 127.84) 45.2%, oklch(84.01% 0.1894 133.14) 48.4%, oklch(82.96% 0.1873 138.50) 51.6%, oklch(82.00% 0.1815 143.85) 54.8%, oklch(81.06% 0.1732 149.26) 58.1%, oklch(80.13% 0.1633 154.81) 61.3%, oklch(79.17% 0.1532 160.61) 64.5%, oklch(78.16% 0.1439 166.76) 67.7%, oklch(77.08% 0.1367 173.33) 71.0%, oklch(75.90% 0.1326 180.44) 74.2%, oklch(74.55% 0.1294 188.51) 77.4%, oklch(72.96% 0.1241 198.06) 80.6%, oklch(71.21% 0.1226 208.52) 83.9%, oklch(69.42% 0.1258 219.29) 87.1%, oklch(67.68% 0.1345 229.75) 90.3%, oklch(66.09% 0.1496 239.29) 93.5%, oklch(64.75% 0.1709 247.27) 96.8%, oklch(63.78% 0.1750 253.12) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
