Cyan, bleu clair, violet et rose aux tons vifs en dégradé linéaire
Dégradé linéaire, 32 couleurs à 180° : #67ebff, #4cd1fc, #872e65, #ca4a84, #fa96a0. Modifiez et exportez en CSS, SVG, PNG ou shader.
6 points clés OKLCH modifiables.
- #67ebff
- #61efff
- #51f7ff
- #49fffc
- #7afff4
- #7dfff2
- #3dfff8
- #36eefd
- #4cd1fc
- #6aadec
- #7c89cd
- #816ca7
- #7e5788
- #7c4a75
- #7d3f6b
- #813666
- #872e65
- #8f2667
- #97216a
- #9f1f6a
- #a9256d
- #b33074
- #bf3d7c
- #ca4a84
- #d4578c
- #dd6191
- #e46b94
- #eb7597
- #f07f99
- #f4899c
- #f7919e
- #fa96a0
CSS
background: linear-gradient(180deg in oklch, oklch(87.40% 0.1181 208.82) 0.0%, oklch(88.16% 0.1225 205.55) 3.2%, oklch(89.60% 0.1337 199.67) 6.5%, oklch(91.15% 0.1414 193.25) 9.7%, oklch(92.23% 0.1185 188.33) 12.9%, oklch(92.28% 0.1171 186.98) 16.1%, oklch(90.72% 0.1456 191.26) 19.4%, oklch(86.80% 0.1391 203.56) 22.6%, oklch(80.52% 0.1281 223.73) 25.8%, oklch(72.84% 0.1150 248.61) 29.0%, oklch(64.80% 0.1023 274.98) 32.3%, oklch(57.38% 0.0924 299.62) 35.5%, oklch(51.62% 0.0879 319.30) 38.7%, oklch(48.17% 0.0913 331.74) 41.9%, oklch(46.12% 0.1025 339.39) 45.2%, oklch(45.13% 0.1189 343.69) 48.4%, oklch(45.02% 0.1374 345.81) 51.6%, oklch(45.55% 0.1549 346.89) 54.8%, oklch(46.53% 0.1686 348.11) 58.1%, oklch(47.83% 0.1757 350.35) 61.3%, oklch(50.03% 0.1783 352.21) 64.5%, oklch(52.99% 0.1778 353.46) 67.7%, oklch(56.38% 0.1751 354.40) 71.0%, oklch(59.88% 0.1710 355.31) 74.2%, oklch(63.14% 0.1663 356.49) 77.4%, oklch(65.85% 0.1617 358.24) 80.6%, oklch(68.33% 0.1557 0.67) 83.9%, oklch(70.74% 0.1480 3.55) 87.1%, oklch(73.00% 0.1397 6.59) 90.3%, oklch(75.02% 0.1316 9.48) 93.5%, oklch(76.70% 0.1247 11.94) 96.8%, oklch(77.95% 0.1199 13.68) 100.0%);Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
