Фіолетовий, сірий і темно-зелений: радіальний градієнт
Радіальний градієнт, 96 кольорів: #53283f, #80475f, #77745b, #4c6a5e, #284842. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.
5 ключових кадрів OKLCH, які можна редагувати.
- #53283f
- #54283f
- #552940
- #572a42
- #582b43
- #592c45
- #5b2d47
- #5d2e49
- #5f304b
- #60314d
- #62324f
- #643451
- #663553
- #683755
- #6b3857
- #6d3a59
- #6f3b5b
- #713d5d
- #733e5e
- #76405f
- #784160
- #7a4360
- #7c4460
- #7e4660
- #80475f
- #82485e
- #844a5d
- #854b5b
- #874d59
- #884f57
- #895155
- #8a5353
- #8a5652
- #8a5850
- #8a5b4f
- #8a5d4e
- #89604d
- #88624d
- #87654d
- #85674e
- #84694f
- #826c50
- #806d51
- #7e6f53
- #7d7155
- #7b7257
- #7a7358
- #78745a
- #77745b
- #75755c
- #74755d
- #72765d
- #71765e
- #6f765f
- #6d765f
- #6b765f
- #6a755f
- #687560
- #667460
- #647460
- #627360
- #607360
- #5e7260
- #5c715f
- #5a715f
- #58705f
- #566f5f
- #546e5f
- #526d5e
- #506c5e
- #4e6b5e
- #4c6a5e
- #4b695d
- #49685d
- #48665c
- #46655b
- #44635a
- #426259
- #416058
- #3f5f56
- #3d5d55
- #3b5b54
- #3a5952
- #385851
- #36564f
- #35544e
- #33534c
- #31514b
- #305049
- #2f4e48
- #2d4d47
- #2c4b46
- #2b4a45
- #2a4944
- #294843
- #284842
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.0717 348.75) 0.0%, oklch(34.55% 0.0720 348.76) 1.1%, oklch(34.90% 0.0724 348.62) 2.1%, oklch(35.30% 0.0730 348.35) 3.2%, oklch(35.74% 0.0737 347.98) 4.2%, oklch(36.22% 0.0745 347.53) 5.3%, oklch(36.73% 0.0753 347.02) 6.3%, oklch(37.27% 0.0762 346.48) 7.4%, oklch(37.84% 0.0771 345.92) 8.4%, oklch(38.44% 0.0780 345.38) 9.5%, oklch(39.05% 0.0790 344.86) 10.5%, oklch(39.67% 0.0799 344.40) 11.6%, oklch(40.31% 0.0808 344.02) 12.6%, oklch(40.96% 0.0817 343.73) 13.7%, oklch(41.60% 0.0825 343.57) 14.7%, oklch(42.25% 0.0832 343.55) 15.8%, oklch(42.89% 0.0838 343.70) 16.8%, oklch(43.52% 0.0844 344.04) 17.9%, oklch(44.14% 0.0848 344.59) 18.9%, oklch(44.74% 0.0851 345.37) 20.0%, oklch(45.32% 0.0852 346.41) 21.1%, oklch(45.88% 0.0852 347.73) 22.1%, oklch(46.40% 0.0849 349.35) 23.2%, oklch(46.90% 0.0845 351.29) 24.2%, oklch(47.36% 0.0839 353.59) 25.3%, oklch(47.81% 0.0830 356.29) 26.3%, oklch(48.27% 0.0818 359.40) 27.4%, oklch(48.73% 0.0804 2.89) 28.4%, oklch(49.19% 0.0788 6.71) 29.5%, oklch(49.66% 0.0770 10.85) 30.5%, oklch(50.12% 0.0750 15.25) 31.6%, oklch(50.57% 0.0729 19.90) 32.6%, oklch(51.02% 0.0707 24.75) 33.7%, oklch(51.46% 0.0684 29.78) 34.7%, oklch(51.89% 0.0660 34.95) 35.8%, oklch(52.31% 0.0635 40.23) 36.8%, oklch(52.71% 0.0611 45.58) 37.9%, oklch(53.09% 0.0586 50.98) 38.9%, oklch(53.45% 0.0562 56.38) 40.0%, oklch(53.79% 0.0538 61.76) 41.1%, oklch(54.11% 0.0515 67.08) 42.1%, oklch(54.40% 0.0492 72.32) 43.2%, oklch(54.66% 0.0471 77.42) 44.2%, oklch(54.90% 0.0451 82.37) 45.3%, oklch(55.10% 0.0433 87.13) 46.3%, oklch(55.26% 0.0417 91.67) 47.4%, oklch(55.39% 0.0403 95.95) 48.4%, oklch(55.48% 0.0391 99.95) 49.5%, oklch(55.53% 0.0381 103.65) 50.5%, oklch(55.54% 0.0374 107.26) 51.6%, oklch(55.52% 0.0368 110.80) 52.6%, oklch(55.46% 0.0363 114.27) 53.7%, oklch(55.37% 0.0360 117.67) 54.7%, oklch(55.24% 0.0358 121.00) 55.8%, oklch(55.09% 0.0357 124.26) 56.8%, oklch(54.91% 0.0356 127.45) 57.9%, oklch(54.70% 0.0357 130.55) 58.9%, oklch(54.47% 0.0359 133.58) 60.0%, oklch(54.22% 0.0361 136.54) 61.1%, oklch(53.95% 0.0364 139.40) 62.1%, oklch(53.65% 0.0367 142.19) 63.2%, oklch(53.34% 0.0371 144.89) 64.2%, oklch(53.02% 0.0375 147.51) 65.3%, oklch(52.68% 0.0378 150.04) 66.3%, oklch(52.33% 0.0382 152.48) 67.4%, oklch(51.97% 0.0386 154.83) 68.4%, oklch(51.60% 0.0389 157.08) 69.5%, oklch(51.23% 0.0393 159.25) 70.5%, oklch(50.85% 0.0395 161.31) 71.6%, oklch(50.47% 0.0397 163.28) 72.6%, oklch(50.08% 0.0399 165.15) 73.7%, oklch(49.70% 0.0400 166.92) 74.7%, oklch(49.31% 0.0400 168.57) 75.8%, oklch(48.88% 0.0399 170.07) 76.8%, oklch(48.41% 0.0399 171.44) 77.9%, oklch(47.90% 0.0399 172.67) 78.9%, oklch(47.37% 0.0398 173.78) 80.0%, oklch(46.82% 0.0398 174.78) 81.1%, oklch(46.24% 0.0397 175.67) 82.1%, oklch(45.65% 0.0397 176.46) 83.2%, oklch(45.05% 0.0396 177.15) 84.2%, oklch(44.44% 0.0395 177.77) 85.3%, oklch(43.82% 0.0394 178.31) 86.3%, oklch(43.21% 0.0394 178.78) 87.4%, oklch(42.60% 0.0393 179.19) 88.4%, oklch(42.00% 0.0392 179.55) 89.5%, oklch(41.42% 0.0391 179.87) 90.5%, oklch(40.85% 0.0390 180.16) 91.6%, oklch(40.30% 0.0390 180.41) 92.6%, oklch(39.77% 0.0389 180.65) 93.7%, oklch(39.28% 0.0388 180.88) 94.7%, oklch(38.82% 0.0388 181.10) 95.8%, oklch(38.40% 0.0387 181.33) 96.8%, oklch(38.02% 0.0387 181.58) 97.9%, oklch(37.69% 0.0386 181.84) 98.9%, oklch(37.40% 0.0386 182.14) 100.0%);У цих колекціях
Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює
