Orange, violet et rouge (trichromie) aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 135° : #f7b54a, #3e1e5b, #cc6314, #f18f22, #6c2e82. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #f7b54a
- #f19f4b
- #e28254
- #c86560
- #a44c69
- #7e3a6b
- #5d2c66
- #46235f
- #3e1e5b
- #431d5c
- #52205e
- #6a245d
- #852c58
- #a0374c
- #b6473b
- #c45727
- #cc6314
- #d36f00
- #d87c00
- #df8600
- #e58d00
- #eb9200
- #ef9313
- #f18f22
- #f08530
- #ea7543
- #dd6256
- #c95067
- #af4275
- #95387d
- #7d3281
- #6c2e82
CSS
background: linear-gradient(135deg in oklch, oklch(81.50% 0.1419 75.94) 0.0%, oklch(76.92% 0.1385 63.76) 3.2%, oklch(70.20% 0.1332 45.69) 6.5%, oklch(62.16% 0.1268 24.06) 9.7%, oklch(53.64% 0.1202 1.24) 12.9%, oklch(45.45% 0.1141 339.55) 16.1%, oklch(38.44% 0.1092 321.34) 19.4%, oklch(33.44% 0.1064 308.96) 22.6%, oklch(31.24% 0.1064 304.71) 25.8%, oklch(31.83% 0.1096 309.03) 29.0%, oklch(34.54% 0.1152 319.98) 32.3%, oklch(38.77% 0.1225 335.49) 35.5%, oklch(43.90% 0.1307 353.49) 38.7%, oklch(49.33% 0.1389 11.92) 41.9%, oklch(54.45% 0.1463 28.72) 45.2%, oklch(58.66% 0.1522 41.83) 48.4%, oklch(61.62% 0.1560 49.94) 51.6%, oklch(64.47% 0.1573 56.28) 54.8%, oklch(67.26% 0.1557 61.39) 58.1%, oklch(69.81% 0.1566 65.05) 61.3%, oklch(71.94% 0.1589 67.08) 64.5%, oklch(73.45% 0.1620 67.28) 67.7%, oklch(74.15% 0.1619 65.48) 71.0%, oklch(73.87% 0.1614 61.46) 74.2%, oklch(72.24% 0.1605 54.26) 77.4%, oklch(69.00% 0.1587 42.60) 80.6%, oklch(64.61% 0.1564 27.79) 83.9%, oklch(59.56% 0.1537 11.28) 87.1%, oklch(54.34% 0.1510 354.47) 90.3%, oklch(49.44% 0.1484 338.79) 93.5%, oklch(45.33% 0.1462 325.67) 96.8%, oklch(42.52% 0.1447 316.52) 100.0%);Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
