Noir, marron, orange et blanc en dégradé linéaire
Dégradé linéaire, 32 couleurs à 90° : #000000, #35160c, #b86500, #efcb70, #fcfbf7. Modifiez et exportez en CSS, SVG, PNG ou shader.
6 points clés OKLCH modifiables.
- #000000
- #000000
- #020101
- #040201
- #0a0302
- #130604
- #1c0b06
- #281009
- #35160c
- #441d0f
- #552412
- #662d15
- #763517
- #873f17
- #984a13
- #a95709
- #b86500
- #c57400
- #d18300
- #dc9100
- #e3a023
- #e8af3f
- #ecbe58
- #efcb70
- #f2d685
- #f4e098
- #f6e7ab
- #f8edbe
- #f9f2d0
- #faf6e0
- #fbf9ee
- #fcfbf7
CSS
background: linear-gradient(90deg in oklch, oklch(3.15% 0.0000 89.88) 0.0%, oklch(4.61% 0.0032 35.45) 3.2%, oklch(6.52% 0.0073 35.83) 6.5%, oklch(8.83% 0.0123 36.29) 9.7%, oklch(11.47% 0.0182 36.84) 12.9%, oklch(14.37% 0.0250 37.47) 16.1%, oklch(17.47% 0.0328 38.17) 19.4%, oklch(20.81% 0.0419 38.84) 22.6%, oklch(24.52% 0.0529 39.34) 25.8%, oklch(28.51% 0.0649 39.85) 29.0%, oklch(32.69% 0.0774 40.61) 32.3%, oklch(36.96% 0.0895 41.81) 35.5%, oklch(41.23% 0.1007 43.68) 38.7%, oklch(45.48% 0.1108 46.45) 41.9%, oklch(49.93% 0.1217 50.16) 45.2%, oklch(54.50% 0.1325 54.54) 48.4%, oklch(59.07% 0.1396 59.25) 51.6%, oklch(63.51% 0.1436 64.05) 54.8%, oklch(67.72% 0.1480 68.59) 58.1%, oklch(71.60% 0.1528 72.65) 61.3%, oklch(75.32% 0.1489 76.70) 64.5%, oklch(78.89% 0.1407 80.71) 67.7%, oklch(82.26% 0.1300 84.57) 71.0%, oklch(85.37% 0.1178 88.12) 74.2%, oklch(88.18% 0.1050 91.22) 77.4%, oklch(90.61% 0.0926 93.72) 80.6%, oklch(92.68% 0.0783 95.60) 83.9%, oklch(94.43% 0.0619 96.96) 87.1%, oklch(95.88% 0.0449 97.92) 90.3%, oklch(97.07% 0.0288 98.60) 93.5%, oklch(98.04% 0.0152 99.13) 96.8%, oklch(98.82% 0.0055 99.62) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
