회색·검정 선형 스와치
선형 스와치, 색상 32개, 각도 45°: #e7e7e7, #9c9c9c, #3a3a3a, #0f0f0f, #bababa. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #e7e7e7
- #e2e2e2
- #dadada
- #d1d1d1
- #c8c8c8
- #bdbdbd
- #b2b2b2
- #a7a7a7
- #9c9c9c
- #8f8f8f
- #828282
- #757575
- #676767
- #5a5a5a
- #4e4e4e
- #434343
- #3a3a3a
- #303030
- #252525
- #1b1b1b
- #141414
- #0e0e0e
- #0d0d0d
- #0f0f0f
- #171717
- #262626
- #3c3c3c
- #575757
- #747474
- #909090
- #a8a8a8
- #bababa
CSS
background: linear-gradient(45deg, oklch(92.91% 0.0000 89.88) 0.000% 3.125%, oklch(91.16% 0.0000 89.88) 3.125% 6.250%, oklch(88.91% 0.0000 89.88) 6.250% 9.375%, oklch(86.22% 0.0000 89.88) 9.375% 12.500%, oklch(83.19% 0.0000 89.88) 12.500% 15.625%, oklch(79.89% 0.0000 89.88) 15.625% 18.750%, oklch(76.40% 0.0000 89.88) 18.750% 21.875%, oklch(72.80% 0.0000 89.88) 21.875% 25.000%, oklch(69.15% 0.0000 89.88) 25.000% 28.125%, oklch(65.13% 0.0000 89.88) 28.125% 31.250%, oklch(60.72% 0.0000 89.88) 31.250% 34.375%, oklch(56.07% 0.0000 89.88) 34.375% 37.500%, oklch(51.36% 0.0000 89.88) 37.500% 40.625%, oklch(46.73% 0.0000 89.88) 40.625% 43.750%, oklch(42.36% 0.0000 89.88) 43.750% 46.875%, oklch(38.39% 0.0000 89.88) 46.875% 50.000%, oklch(34.81% 0.0000 89.88) 50.000% 53.125%, oklch(30.77% 0.0000 89.88) 53.125% 56.250%, oklch(26.50% 0.0000 89.88) 56.250% 59.375%, oklch(22.43% 0.0000 89.88) 59.375% 62.500%, oklch(18.98% 0.0000 89.88) 62.500% 65.625%, oklch(16.60% 0.0000 89.88) 65.625% 68.750%, oklch(15.70% 0.0000 89.88) 68.750% 71.875%, oklch(16.72% 0.0000 89.88) 71.875% 75.000%, oklch(20.34% 0.0000 89.88) 75.000% 78.125%, oklch(26.94% 0.0000 89.88) 78.125% 81.250%, oklch(35.65% 0.0000 89.88) 81.250% 84.375%, oklch(45.55% 0.0000 89.88) 84.375% 87.500%, oklch(55.73% 0.0000 89.88) 87.500% 90.625%, oklch(65.26% 0.0000 89.88) 90.625% 93.750%, oklch(73.24% 0.0000 89.88) 93.750% 96.875%, oklch(78.74% 0.0000 89.88) 96.875% 100.000%);