검정·회색 선형 스와치
선형 스와치, 색상 32개, 각도 45°: #020202, #0b0d0d, #181b1d, #2b2f32, #707476. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 7개.
- #020202
- #030303
- #030304
- #050505
- #060606
- #070808
- #09090a
- #0a0b0c
- #0b0d0d
- #0c0e0f
- #0e1011
- #0f1213
- #111315
- #131517
- #141719
- #16191b
- #181b1d
- #1b1e20
- #1d2022
- #202325
- #232628
- #26292c
- #282c2f
- #2b2f32
- #2e3336
- #33373a
- #393e41
- #43474a
- #4f5356
- #5c6063
- #686c6e
- #707476
CSS
background: linear-gradient(45deg, oklch(8.66% 0.0000 89.88) 0.000% 3.125%, oklch(9.29% 0.0002 233.74) 3.125% 6.250%, oklch(10.18% 0.0004 234.20) 6.250% 9.375%, oklch(11.22% 0.0006 234.71) 9.375% 12.500%, oklch(12.28% 0.0009 235.17) 12.500% 15.625%, oklch(13.24% 0.0013 235.51) 15.625% 18.750%, oklch(14.06% 0.0018 235.68) 18.750% 21.875%, oklch(14.82% 0.0023 235.75) 21.875% 25.000%, oklch(15.56% 0.0029 235.74) 25.000% 28.125%, oklch(16.30% 0.0035 235.68) 28.125% 31.250%, oklch(17.06% 0.0040 235.58) 31.250% 34.375%, oklch(17.85% 0.0044 235.46) 34.375% 37.500%, oklch(18.64% 0.0047 235.25) 37.500% 40.625%, oklch(19.43% 0.0049 235.00) 40.625% 43.750%, oklch(20.27% 0.0052 234.76) 43.750% 46.875%, oklch(21.17% 0.0054 234.56) 46.875% 50.000%, oklch(22.15% 0.0056 234.45) 50.000% 53.125%, oklch(23.19% 0.0059 234.42) 53.125% 56.250%, oklch(24.29% 0.0062 234.43) 56.250% 59.375%, oklch(25.45% 0.0064 234.46) 59.375% 62.500%, oklch(26.69% 0.0067 234.49) 62.500% 65.625%, oklch(27.99% 0.0070 234.49) 65.625% 68.750%, oklch(29.15% 0.0073 234.49) 68.750% 71.875%, oklch(30.30% 0.0077 234.49) 71.875% 75.000%, oklch(31.66% 0.0081 234.49) 75.000% 78.125%, oklch(33.45% 0.0083 234.49) 78.125% 81.250%, oklch(35.91% 0.0082 234.49) 81.250% 84.375%, oklch(39.54% 0.0079 234.49) 84.375% 87.500%, oklch(44.02% 0.0073 234.49) 87.500% 90.625%, oklch(48.64% 0.0066 234.49) 90.625% 93.750%, oklch(52.70% 0.0059 234.49) 93.750% 96.875%, oklch(55.51% 0.0055 234.49) 96.875% 100.000%);