Mauve, rouge, bleu canard et bleu marine (triade) en dégradé radial
Dégradé radial, 40 couleurs : #b59284, #3b1b61, #a35d63, #5e999f, #31395b. Modifiez et exportez en CSS, SVG, PNG ou shader.
6 points clés OKLCH modifiables.
- #b59284
- #ad857c
- #9f7274
- #8c5d6d
- #734969
- #593864
- #402b5f
- #2e225b
- #271c59
- #2c1b5c
- #3b1b61
- #511d64
- #6a2161
- #83275a
- #973150
- #a53b49
- #ab4448
- #ad4b4b
- #ac5251
- #a85859
- #a35d63
- #9d626c
- #976675
- #936a7e
- #8f6f88
- #897595
- #7f7ea2
- #7289a9
- #6592a8
- #5e999f
- #5f9b93
- #609a89
- #5b9482
- #4e8a7e
- #3f7e7c
- #326f79
- #2e5e74
- #2f4f6c
- #314263
- #31395b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.0469 42.89) 0.0%, oklch(65.21% 0.0515 32.05) 2.6%, oklch(59.81% 0.0579 15.96) 5.1%, oklch(53.33% 0.0655 356.70) 7.7%, oklch(46.46% 0.0738 336.34) 10.3%, oklch(39.85% 0.0824 316.96) 12.8%, oklch(34.15% 0.0907 300.63) 15.4%, oklch(30.05% 0.0982 289.45) 17.9%, oklch(28.18% 0.1045 285.47) 20.5%, oklch(28.63% 0.1110 289.73) 23.1%, oklch(30.86% 0.1180 300.50) 25.6%, oklch(34.36% 0.1248 315.60) 28.2%, oklch(38.60% 0.1309 332.88) 30.8%, oklch(43.06% 0.1357 350.17) 33.3%, oklch(47.22% 0.1386 5.31) 35.9%, oklch(50.57% 0.1390 16.12) 38.5%, oklch(52.67% 0.1362 20.94) 41.0%, oklch(54.04% 0.1290 22.68) 43.6%, oklch(54.97% 0.1183 22.29) 46.2%, oklch(55.58% 0.1055 19.74) 48.7%, oklch(55.99% 0.0918 15.04) 51.3%, oklch(56.32% 0.0786 8.15) 53.8%, oklch(56.68% 0.0671 359.07) 56.4%, oklch(57.20% 0.0587 347.79) 59.0%, oklch(58.03% 0.0543 333.19) 61.5%, oklch(59.30% 0.0528 311.86) 64.1%, oklch(60.80% 0.0535 285.79) 66.7%, oklch(62.32% 0.0557 257.53) 69.2%, oklch(63.63% 0.0588 229.63) 71.8%, oklch(64.50% 0.0619 204.64) 74.4%, oklch(64.71% 0.0646 185.13) 76.9%, oklch(64.04% 0.0660 173.63) 79.5%, oklch(62.17% 0.0662 172.12) 82.1%, oklch(59.02% 0.0658 179.27) 84.6%, oklch(54.99% 0.0651 192.75) 87.2%, oklch(50.46% 0.0641 210.21) 89.7%, oklch(45.85% 0.0630 229.30) 92.3%, oklch(41.54% 0.0620 247.67) 94.9%, oklch(37.93% 0.0612 262.99) 97.4%, oklch(35.43% 0.0606 272.91) 100.0%);Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
