Orange, violet, rose et bleu aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 135° : #ef3e35, #ff881e, #6635e6, #df2b90, #1a56e7. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #ef3e35
- #f2472d
- #f5551d
- #f76500
- #f67700
- #f78400
- #f98d00
- #fc8e00
- #ff881e
- #ff7a40
- #fe615d
- #ee4c83
- #d33fa9
- #b039c8
- #8d37db
- #7136e4
- #6635e6
- #6f32e4
- #842ede
- #9d2ad1
- #b727be
- #cc26a9
- #da2897
- #df2b90
- #dc2d97
- #d130a8
- #bf35bd
- #a63cd2
- #8843e2
- #664aea
- #4351ea
- #1a56e7
CSS
background: linear-gradient(135deg in oklch, oklch(62.99% 0.2150 28.13) 0.0%, oklch(64.19% 0.2112 31.55) 3.2%, oklch(66.08% 0.2055 37.35) 6.5%, oklch(68.33% 0.1977 44.31) 9.7%, oklch(70.66% 0.1835 51.26) 12.9%, oklch(72.75% 0.1761 56.99) 16.1%, oklch(74.30% 0.1738 60.29) 19.4%, oklch(75.01% 0.1759 59.98) 22.6%, oklch(74.56% 0.1770 54.78) 25.8%, oklch(72.64% 0.1772 42.69) 29.0%, oklch(69.53% 0.1915 24.96) 32.3%, oklch(65.69% 0.2018 3.85) 35.5%, oklch(61.56% 0.2130 341.63) 38.7%, oklch(57.57% 0.2239 320.56) 41.9%, oklch(54.18% 0.2335 302.89) 45.2%, oklch(51.83% 0.2404 290.90) 48.4%, oklch(50.91% 0.2438 286.73) 51.6%, oklch(51.27% 0.2444 290.35) 54.8%, oklch(52.56% 0.2430 299.61) 58.1%, oklch(54.43% 0.2403 312.28) 61.3%, oklch(56.55% 0.2367 326.12) 64.5%, oklch(58.58% 0.2330 338.90) 67.7%, oklch(60.17% 0.2298 348.38) 71.0%, oklch(60.98% 0.2277 352.33) 74.2%, oklch(60.83% 0.2268 349.28) 77.4%, oklch(60.01% 0.2263 340.77) 80.6%, oklch(58.71% 0.2262 328.41) 83.9%, oklch(57.12% 0.2264 313.76) 87.1%, oklch(55.43% 0.2267 298.37) 90.3%, oklch(53.82% 0.2270 283.82) 93.5%, oklch(52.47% 0.2273 271.65) 96.8%, oklch(51.57% 0.2274 263.43) 100.0%);Dans ces collections
Dégradés multicolores aux tons vifs
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
