노랑·초록·청록·파랑 선형 스와치
선형 스와치, 색상 13개, 각도 90°: #e4c91c, #a9c24f, #57a979, #078695, #0f5c98. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #e4c91c
- #d6c82d
- #c1c63f
- #a9c24f
- #8ebc5f
- #72b36d
- #57a979
- #399f85
- #1c938f
- #078695
- #007796
- #006897
- #0f5c98
CSS
background: linear-gradient(90deg, oklch(83.46% 0.1681 99.14) 0.000% 7.692%, oklch(81.98% 0.1620 104.07) 7.692% 15.385%, oklch(79.79% 0.1532 111.35) 15.385% 23.077%, oklch(77.17% 0.1433 120.28) 23.077% 30.769%, oklch(74.04% 0.1317 130.53) 30.769% 38.462%, oklch(70.49% 0.1191 142.43) 38.462% 46.154%, oklch(66.93% 0.1089 156.21) 46.154% 53.846%, oklch(63.52% 0.1018 173.07) 53.846% 61.538%, oklch(60.10% 0.0972 191.82) 61.538% 69.231%, oklch(56.69% 0.0965 209.04) 69.231% 76.923%, oklch(52.90% 0.0998 224.56) 76.923% 84.615%, oklch(49.11% 0.1098 238.54) 84.615% 92.308%, oklch(46.46% 0.1185 248.14) 92.308% 100.000%);