검정·보라·초록·노랑 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 240°: #1b0c1f, #523d01, #8e6b65, #99b540, #f8e386. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #1b0c1f
- #230d1d
- #2f0f15
- #361605
- #352400
- #313000
- #2f3a04
- #3b3e03
- #523d01
- #673921
- #6e3b46
- #6a4465
- #664f76
- #6d567c
- #7a5b79
- #88616f
- #8e6b65
- #8f7661
- #8d8264
- #8d8c67
- #8f9664
- #91a15d
- #94ab51
- #99b540
- #a1bd2e
- #a9c527
- #b6cc30
- #c6d240
- #d7d755
- #e6db69
- #f1df7a
- #f8e386
CSS
background: linear-gradient(240deg in oklch, oklch(18.50% 0.0427 319.22) 0.0%, oklch(20.03% 0.0465 339.77) 3.2%, oklch(22.12% 0.0520 11.18) 6.5%, oklch(24.61% 0.0583 47.21) 9.7%, oklch(27.31% 0.0564 81.41) 12.9%, oklch(30.03% 0.0648 108.16) 16.1%, oklch(32.59% 0.0740 120.65) 19.4%, oklch(34.95% 0.0755 112.67) 22.6%, oklch(37.30% 0.0756 85.60) 25.8%, oklch(39.65% 0.0746 47.64) 29.0%, oklch(42.00% 0.0729 7.08) 32.3%, oklch(44.35% 0.0707 332.18) 35.5%, oklch(46.70% 0.0684 311.26) 38.7%, oklch(49.05% 0.0655 311.13) 41.9%, oklch(51.39% 0.0599 328.17) 45.2%, oklch(53.73% 0.0530 356.33) 48.4%, oklch(56.07% 0.0468 29.86) 51.6%, oklch(58.42% 0.0433 63.00) 54.8%, oklch(60.78% 0.0445 89.98) 58.1%, oklch(63.16% 0.0525 105.89) 61.3%, oklch(65.57% 0.0701 114.96) 64.5%, oklch(68.00% 0.0941 119.81) 67.7%, oklch(70.44% 0.1205 121.57) 71.0%, oklch(72.87% 0.1452 121.40) 74.2%, oklch(75.27% 0.1640 120.42) 77.4%, oklch(77.64% 0.1731 119.72) 80.6%, oklch(80.17% 0.1718 117.65) 83.9%, oklch(82.83% 0.1632 113.77) 87.1%, oklch(85.44% 0.1504 108.90) 90.3%, oklch(87.84% 0.1362 103.87) 93.5%, oklch(89.87% 0.1236 99.49) 96.8%, oklch(91.34% 0.1157 96.60) 100.0%);