베이지·피치·청록·파랑 원뿔형 스와치
원뿔형 스와치, 색상 26개, 각도 300°: #fcffb1, #ffdd7d, #87a479, #0085a0, #008dbb. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 8개.
- #fcffb1
- #fffe85
- #fff883
- #fff280
- #ffec7c
- #ffe47e
- #ffdd7d
- #ffd478
- #ffcb7a
- #fec183
- #f4b988
- #e0b380
- #b8ad74
- #87a479
- #609984
- #48918a
- #308d90
- #068b96
- #00889b
- #0085a0
- #0084a6
- #0a84ab
- #1085af
- #0b88b4
- #008bb8
- #008dbb
CSS
background: conic-gradient(from 300deg, oklch(98.03% 0.0977 109.68) 0.000% 3.846%, oklch(97.26% 0.1427 108.17) 3.846% 7.692%, oklch(96.15% 0.1399 105.99) 7.692% 11.538%, oklch(94.86% 0.1368 103.15) 11.538% 15.385%, oklch(93.52% 0.1339 99.61) 15.385% 19.231%, oklch(92.12% 0.1263 95.19) 19.231% 23.077%, oklch(90.58% 0.1216 90.19) 23.077% 26.923%, oklch(88.85% 0.1213 85.05) 26.923% 30.769%, oklch(87.08% 0.1149 77.09) 30.769% 34.615%, oklch(85.29% 0.1050 66.19) 34.615% 38.462%, oklch(82.98% 0.0934 60.89) 38.462% 42.308%, oklch(79.57% 0.0846 69.95) 42.308% 46.154%, oklch(74.40% 0.0767 98.43) 46.154% 50.000%, oklch(68.58% 0.0705 135.75) 50.000% 53.846%, oklch(63.64% 0.0684 168.54) 53.846% 57.692%, oklch(60.66% 0.0733 187.41) 57.692% 61.538%, oklch(58.99% 0.0852 198.33) 61.538% 65.385%, oklch(58.07% 0.0983 205.38) 65.385% 69.231%, oklch(57.39% 0.1001 212.21) 69.231% 73.077%, oklch(57.01% 0.1030 218.81) 73.077% 76.923%, oklch(57.04% 0.1071 224.01) 76.923% 80.769%, oklch(57.32% 0.1096 227.84) 80.769% 84.615%, oklch(57.80% 0.1119 230.24) 84.615% 88.462%, oklch(58.65% 0.1158 230.79) 88.462% 92.308%, oklch(59.59% 0.1193 230.43) 92.308% 96.154%, oklch(60.24% 0.1203 230.17) 96.154% 100.000%);