회색 선형 스와치
선형 스와치, 색상 56개, 각도 135°: #8f949b, #757c82, #6a7176, #989da0, #d0d4d5. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 3개.
- #8f949b
- #8e949b
- #8d9399
- #8b9198
- #8a9097
- #888e95
- #868c93
- #848b91
- #82898f
- #80878d
- #7e848b
- #7c8288
- #798086
- #777e84
- #757c82
- #737a80
- #71787e
- #6f767c
- #6e757a
- #6c7378
- #6b7277
- #6a7176
- #697075
- #687074
- #686f74
- #686f74
- #687074
- #697075
- #6a7176
- #6c7377
- #6e7579
- #70777b
- #737a7d
- #767d80
- #798084
- #7d8487
- #81888b
- #858c8f
- #8a9093
- #8e9497
- #93999b
- #989da0
- #9ca2a4
- #a1a7a9
- #a6abad
- #abb0b2
- #b0b5b6
- #b4b9bb
- #b9bdbf
- #bdc1c3
- #c1c5c7
- #c5c9ca
- #c8cccd
- #cbcfd0
- #ced1d3
- #d0d4d5
CSS
background: linear-gradient(135deg, oklch(66.54% 0.0124 252.42) 0.000% 1.786%, oklch(66.27% 0.0124 252.03) 1.786% 3.571%, oklch(65.92% 0.0124 251.57) 3.571% 5.357%, oklch(65.50% 0.0123 251.06) 5.357% 7.143%, oklch(65.01% 0.0123 250.50) 7.143% 8.929%, oklch(64.46% 0.0123 249.89) 8.929% 10.714%, oklch(63.86% 0.0123 249.24) 10.714% 12.500%, oklch(63.22% 0.0123 248.55) 12.500% 14.286%, oklch(62.54% 0.0123 247.83) 14.286% 16.071%, oklch(61.84% 0.0123 247.07) 16.071% 17.857%, oklch(61.12% 0.0122 246.29) 17.857% 19.643%, oklch(60.40% 0.0122 245.48) 19.643% 21.429%, oklch(59.67% 0.0122 244.66) 21.429% 23.214%, oklch(58.95% 0.0122 243.81) 23.214% 25.000%, oklch(58.24% 0.0121 242.96) 25.000% 26.786%, oklch(57.56% 0.0121 242.10) 26.786% 28.571%, oklch(56.91% 0.0121 241.24) 28.571% 30.357%, oklch(56.29% 0.0120 240.37) 30.357% 32.143%, oklch(55.73% 0.0120 239.52) 32.143% 33.929%, oklch(55.22% 0.0119 238.67) 33.929% 35.714%, oklch(54.78% 0.0118 237.83) 35.714% 37.500%, oklch(54.41% 0.0118 237.01) 37.500% 39.286%, oklch(54.12% 0.0117 236.21) 39.286% 41.071%, oklch(53.92% 0.0116 235.43) 41.071% 42.857%, oklch(53.81% 0.0115 234.68) 42.857% 44.643%, oklch(53.81% 0.0114 233.97) 44.643% 46.429%, oklch(53.93% 0.0112 233.29) 46.429% 48.214%, oklch(54.16% 0.0111 232.65) 48.214% 50.000%, oklch(54.53% 0.0109 232.05) 50.000% 51.786%, oklch(55.05% 0.0108 231.45) 51.786% 53.571%, oklch(55.72% 0.0106 230.87) 53.571% 55.357%, oklch(56.51% 0.0104 230.28) 55.357% 57.143%, oklch(57.43% 0.0101 229.70) 57.143% 58.929%, oklch(58.46% 0.0099 229.13) 58.929% 60.714%, oklch(59.58% 0.0096 228.57) 60.714% 62.500%, oklch(60.80% 0.0094 228.01) 62.500% 64.286%, oklch(62.09% 0.0091 227.46) 64.286% 66.071%, oklch(63.45% 0.0088 226.92) 66.071% 67.857%, oklch(64.87% 0.0085 226.39) 67.857% 69.643%, oklch(66.32% 0.0082 225.87) 69.643% 71.429%, oklch(67.82% 0.0079 225.36) 71.429% 73.214%, oklch(69.33% 0.0076 224.87) 73.214% 75.000%, oklch(70.85% 0.0073 224.39) 75.000% 76.786%, oklch(72.38% 0.0070 223.92) 76.786% 78.571%, oklch(73.89% 0.0067 223.47) 78.571% 80.357%, oklch(75.38% 0.0064 223.03) 80.357% 82.143%, oklch(76.84% 0.0061 222.61) 82.143% 83.929%, oklch(78.25% 0.0058 222.20) 83.929% 85.714%, oklch(79.61% 0.0055 221.81) 85.714% 87.500%, oklch(80.90% 0.0053 221.45) 87.500% 89.286%, oklch(82.11% 0.0050 221.10) 89.286% 91.071%, oklch(83.23% 0.0048 220.77) 91.071% 92.857%, oklch(84.25% 0.0046 220.46) 92.857% 94.643%, oklch(85.17% 0.0044 220.17) 94.643% 96.429%, oklch(85.96% 0.0043 219.90) 96.429% 98.214%, oklch(86.61% 0.0041 219.66) 98.214% 100.000%);