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

Sọc màu tuyến tính, 64 màu, góc 225°: #2b2f33, #b3b7b3, #323e47, #d0ccd4, #37393a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b2f33
#2f3438
#353a3e
#3d4246
#464c4e
#505658
#5b6162
#676d6d
#737978
#7f8584
#8b908e
#969b98
#a0a4a1
#a8aca9
#aeb2af
#b2b6b2
#b3b7b3
#b1b5b1
#acb1ac
#a4aaa5
#9aa19c
#8f9792
#828c87
#75807c
#687472
#5b6967
#4f5e5e
#455456
#3d4c4f
#36454a
#324047
#303e45
#323e47
#36414b
#3d4751
#464e5a
#515864
#5e636f
#6c6f7c
#7a7c89
#898a96
#9898a3
#a6a5b0
#b3b1bb
#bebbc5
#c7c3cd
#cdc9d2
#d0ccd4
#cfcbd3
#cbc7cf
#c4c1c8
#bbb8bf
#b0aeb5
#a4a3a9
#97969c
#898a8e
#7c7c81
#6e7073
#626366
#56585b
#4c4e50
#444547
#3d3e3f
#37393a

CSS

background: linear-gradient(225deg, oklch(30.31% 0.0096 248.20) 0.000% 1.563%, oklch(32.17% 0.0095 244.19) 1.563% 3.125%, oklch(34.66% 0.0093 238.79) 3.125% 4.688%, oklch(37.68% 0.0090 232.25) 4.688% 6.250%, oklch(41.12% 0.0087 224.79) 6.250% 7.813%, oklch(44.89% 0.0084 216.63) 7.813% 9.375%, oklch(48.88% 0.0080 208.00) 9.375% 10.938%, oklch(52.98% 0.0076 199.12) 10.938% 12.500%, oklch(57.08% 0.0073 190.23) 12.500% 14.063%, oklch(61.09% 0.0070 181.55) 14.063% 15.625%, oklch(64.89% 0.0067 173.30) 15.625% 17.188%, oklch(68.38% 0.0065 165.72) 17.188% 18.750%, oklch(71.47% 0.0064 159.03) 18.750% 20.313%, oklch(74.03% 0.0063 153.45) 20.313% 21.875%, oklch(75.97% 0.0064 149.21) 21.875% 23.438%, oklch(77.19% 0.0066 146.54) 23.438% 25.000%, oklch(77.57% 0.0070 145.65) 25.000% 26.563%, oklch(76.96% 0.0076 146.41) 26.563% 28.125%, oklch(75.43% 0.0083 148.60) 28.125% 29.688%, oklch(73.12% 0.0093 152.06) 29.688% 31.250%, oklch(70.18% 0.0104 156.61) 31.250% 32.813%, oklch(66.74% 0.0115 162.10) 32.813% 34.375%, oklch(62.94% 0.0128 168.36) 34.375% 35.938%, oklch(58.91% 0.0141 175.24) 35.938% 37.500%, oklch(54.81% 0.0154 182.57) 37.500% 39.063%, oklch(50.76% 0.0167 190.19) 39.063% 40.625%, oklch(46.91% 0.0179 197.93) 40.625% 42.188%, oklch(43.39% 0.0190 205.64) 42.188% 43.750%, oklch(40.34% 0.0200 213.15) 43.750% 45.313%, oklch(37.91% 0.0208 220.29) 45.313% 46.875%, oklch(36.24% 0.0215 226.92) 46.875% 48.438%, oklch(35.45% 0.0219 232.86) 48.438% 50.000%, oklch(35.69% 0.0221 238.12) 50.000% 51.563%, oklch(36.99% 0.0221 243.54) 51.563% 53.125%, oklch(39.22% 0.0219 249.20) 53.125% 54.688%, oklch(42.22% 0.0216 255.01) 54.688% 56.250%, oklch(45.85% 0.0211 260.90) 56.250% 57.813%, oklch(49.96% 0.0205 266.77) 57.813% 59.375%, oklch(54.40% 0.0198 272.54) 59.375% 60.938%, oklch(59.02% 0.0191 278.14) 60.938% 62.500%, oklch(63.69% 0.0183 283.46) 62.500% 64.063%, oklch(68.24% 0.0174 288.44) 64.063% 65.625%, oklch(72.54% 0.0165 292.98) 65.625% 67.188%, oklch(76.44% 0.0157 297.00) 67.188% 68.750%, oklch(79.78% 0.0148 300.41) 68.750% 70.313%, oklch(82.42% 0.0140 303.14) 70.313% 71.875%, oklch(84.21% 0.0132 305.10) 71.875% 73.438%, oklch(85.01% 0.0126 306.19) 73.438% 75.000%, oklch(84.73% 0.0119 306.28) 75.000% 76.563%, oklch(83.52% 0.0113 305.21) 76.563% 78.125%, oklch(81.50% 0.0106 303.11) 78.125% 79.688%, oklch(78.79% 0.0099 300.14) 79.688% 81.250%, oklch(75.49% 0.0092 296.43) 81.250% 82.813%, oklch(71.74% 0.0085 292.13) 82.813% 84.375%, oklch(67.63% 0.0078 287.39) 84.375% 85.938%, oklch(63.30% 0.0071 282.33) 85.938% 87.500%, oklch(58.85% 0.0064 277.12) 87.500% 89.063%, oklch(54.40% 0.0057 271.89) 89.063% 90.625%, oklch(50.07% 0.0051 266.79) 90.625% 92.188%, oklch(45.98% 0.0045 261.96) 92.188% 93.750%, oklch(42.23% 0.0040 257.54) 93.750% 95.313%, oklch(38.95% 0.0035 253.68) 95.313% 96.875%, oklch(36.25% 0.0031 250.52) 96.875% 98.438%, oklch(34.25% 0.0028 248.20) 98.438% 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