Xám (sọc màu tuyến tính)

Sọc màu tuyến tính, 48 màu, góc 135°: #f8f4ff, #444a4e, #647480, #a9a5af, #c3bcb5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#f8f4ff
#edeaf5
#dfdde7
#cecdd7
#bbbcc5
#a7a9b1
#94979e
#81858b
#70747a
#61656a
#54595d
#4a5054
#444a4e
#41474b
#3f464b
#3f484c
#414b4f
#434f54
#47545a
#4b5a60
#506067
#55666e
#5b6b75
#5f707b
#647480
#697884
#6f7d89
#76818e
#7c8693
#848b98
#8b909d
#9295a1
#9899a5
#9f9ea9
#a4a2ac
#a9a5af
#aea8b1
#b2abb3
#b6adb4
#b9b0b4
#bcb1b4
#beb3b4
#c0b5b4
#c1b7b4
#c2b8b4
#c2bab4
#c3bbb5
#c3bcb5

CSS

background: linear-gradient(135deg, oklch(97.24% 0.0152 302.34) 0.000% 2.083%, oklch(94.23% 0.0148 298.88) 2.083% 4.167%, oklch(90.12% 0.0143 294.24) 4.167% 6.250%, oklch(85.16% 0.0136 288.66) 6.250% 8.333%, oklch(79.58% 0.0128 282.39) 8.333% 10.417%, oklch(73.62% 0.0121 275.66) 10.417% 12.500%, oklch(67.49% 0.0113 268.71) 12.500% 14.583%, oklch(61.45% 0.0106 261.80) 14.583% 16.667%, oklch(55.71% 0.0100 255.16) 16.667% 18.750%, oklch(50.52% 0.0095 249.04) 18.750% 20.833%, oklch(46.10% 0.0093 243.67) 20.833% 22.917%, oklch(42.70% 0.0094 239.30) 22.917% 25.000%, oklch(40.52% 0.0098 236.14) 25.000% 27.083%, oklch(39.38% 0.0106 233.69) 27.083% 29.167%, oklch(39.07% 0.0119 231.69) 29.167% 31.250%, oklch(39.45% 0.0134 230.15) 31.250% 33.333%, oklch(40.42% 0.0152 229.09) 33.333% 35.417%, oklch(41.86% 0.0171 228.49) 35.417% 37.500%, oklch(43.64% 0.0191 228.39) 37.500% 39.583%, oklch(45.65% 0.0210 228.78) 39.583% 41.667%, oklch(47.77% 0.0227 229.66) 41.667% 43.750%, oklch(49.88% 0.0242 231.06) 43.750% 45.833%, oklch(51.86% 0.0253 232.97) 45.833% 47.917%, oklch(53.59% 0.0260 235.41) 47.917% 50.000%, oklch(55.04% 0.0262 238.39) 50.000% 52.083%, oklch(56.56% 0.0259 241.97) 52.083% 54.167%, oklch(58.21% 0.0253 246.14) 54.167% 56.250%, oklch(59.94% 0.0243 250.87) 56.250% 58.333%, oklch(61.72% 0.0230 256.11) 58.333% 60.417%, oklch(63.52% 0.0216 261.84) 60.417% 62.500%, oklch(65.31% 0.0202 268.02) 62.500% 64.583%, oklch(67.06% 0.0187 274.62) 64.583% 66.667%, oklch(68.73% 0.0172 281.60) 66.667% 68.750%, oklch(70.29% 0.0159 288.94) 68.750% 70.833%, oklch(71.71% 0.0148 296.60) 70.833% 72.917%, oklch(72.95% 0.0139 304.54) 72.917% 75.000%, oklch(74.01% 0.0134 313.11) 75.000% 77.083%, oklch(74.95% 0.0130 323.02) 77.083% 79.167%, oklch(75.77% 0.0127 334.01) 79.167% 81.250%, oklch(76.50% 0.0125 345.74) 81.250% 83.333%, oklch(77.14% 0.0124 357.90) 83.333% 85.417%, oklch(77.69% 0.0123 10.17) 85.417% 87.500%, oklch(78.18% 0.0123 22.22) 87.500% 89.583%, oklch(78.60% 0.0123 33.75) 89.583% 91.667%, oklch(78.98% 0.0124 44.42) 91.667% 93.750%, oklch(79.32% 0.0124 53.91) 93.750% 95.833%, oklch(79.63% 0.0124 61.91) 95.833% 97.917%, oklch(79.92% 0.0124 68.10) 97.917% 100.000%);

Trong các bộ sưu tập này

Gradient xám

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động