빨강·갈색·네이비 방사형 스와치
방사형 스와치, 색상 32개: #d23c33, #ac6e45, #677e61, #2c6066, #233652. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #d23c33
- #d04233
- #cc4835
- #c85039
- #c3573d
- #be5e40
- #b86443
- #b26944
- #ac6e45
- #a57245
- #9d7646
- #947a49
- #8b7d4d
- #817f53
- #788058
- #6f7f5d
- #677e61
- #5f7b63
- #557864
- #4c7465
- #426f66
- #396b66
- #326566
- #2c6066
- #285b66
- #265564
- #244f62
- #23495f
- #23435b
- #233e58
- #233955
- #233652
CSS
background: radial-gradient(circle at 50% 50%, oklch(57.87% 0.1888 28.13) 0.000% 3.125%, oklch(58.03% 0.1813 29.56) 3.125% 6.250%, oklch(58.27% 0.1710 31.01) 6.250% 9.375%, oklch(58.55% 0.1587 32.72) 9.375% 12.500%, oklch(58.85% 0.1452 34.91) 12.500% 15.625%, oklch(59.12% 0.1315 37.81) 15.625% 18.750%, oklch(59.33% 0.1183 41.66) 18.750% 21.875%, oklch(59.45% 0.1066 46.69) 21.875% 25.000%, oklch(59.44% 0.0970 53.14) 25.000% 28.125%, oklch(59.39% 0.0887 61.40) 28.125% 31.250%, oklch(59.33% 0.0810 71.23) 31.250% 34.375%, oklch(59.22% 0.0739 82.19) 34.375% 37.500%, oklch(59.02% 0.0677 93.84) 37.500% 40.625%, oklch(58.69% 0.0622 105.75) 40.625% 43.750%, oklch(58.20% 0.0576 117.48) 43.750% 46.875%, oklch(57.51% 0.0539 128.61) 46.875% 50.000%, oklch(56.59% 0.0512 138.86) 50.000% 53.125%, oklch(55.40% 0.0500 149.00) 53.125% 56.250%, oklch(53.99% 0.0501 159.11) 56.250% 59.375%, oklch(52.42% 0.0510 169.08) 59.375% 62.500%, oklch(50.74% 0.0525 178.83) 62.500% 65.625%, oklch(49.02% 0.0541 188.25) 65.625% 68.750%, oklch(47.31% 0.0555 197.25) 68.750% 71.875%, oklch(45.67% 0.0564 205.74) 71.875% 75.000%, oklch(44.06% 0.0567 213.81) 75.000% 78.125%, oklch(42.31% 0.0568 221.80) 78.125% 81.250%, oklch(40.48% 0.0568 229.55) 81.250% 84.375%, oklch(38.66% 0.0568 236.88) 84.375% 87.500%, oklch(36.93% 0.0567 243.62) 87.500% 90.625%, oklch(35.36% 0.0566 249.58) 90.625% 93.750%, oklch(34.05% 0.0565 254.60) 93.750% 96.875%, oklch(33.07% 0.0565 258.50) 96.875% 100.000%);