Xám và xám đậm (sọc màu xuyên tâm)

Sọc màu xuyên tâm, 32 màu: #c3bcb5, #878988, #434444, #2c2e31, #595b60. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c3bcb5
#beb8b1
#b7b4ad
#afaea8
#a6a8a3
#9ea19d
#969997
#8e9190
#878988
#808081
#797979
#717171
#696969
#5f5f5f
#565656
#4c4c4d
#434444
#3b3c3d
#343536
#2e3031
#2a2c2e
#292b2c
#2a2b2e
#2c2e31
#313335
#36383c
#3d3f42
#44464a
#4a4d51
#515357
#56585d
#595b60

CSS

background: radial-gradient(circle at 50% 50%, oklch(79.92% 0.0124 63.28) 0.000% 3.125%, oklch(78.61% 0.0116 73.20) 3.125% 6.250%, oklch(76.96% 0.0105 86.64) 6.250% 9.375%, oklch(75.02% 0.0092 102.80) 9.375% 12.500%, oklch(72.84% 0.0077 120.85) 12.500% 15.625%, oklch(70.46% 0.0062 139.97) 15.625% 18.750%, oklch(67.95% 0.0047 159.33) 18.750% 21.875%, oklch(65.35% 0.0032 178.11) 21.875% 25.000%, oklch(62.72% 0.0019 195.50) 25.000% 28.125%, oklch(60.09% 0.0009 210.67) 28.125% 31.250%, oklch(57.53% 0.0002 222.79) 31.250% 34.375%, oklch(54.93% 0.0000 89.88) 34.375% 37.500%, oklch(51.95% 0.0000 89.88) 37.500% 40.625%, oklch(48.67% 0.0000 89.88) 40.625% 43.750%, oklch(45.24% 0.0002 244.87) 43.750% 46.875%, oklch(41.79% 0.0007 246.41) 46.875% 50.000%, oklch(38.47% 0.0013 247.07) 50.000% 53.125%, oklch(35.42% 0.0020 247.23) 53.125% 56.250%, oklch(32.77% 0.0027 247.24) 56.250% 59.375%, oklch(30.66% 0.0033 247.46) 59.375% 62.500%, oklch(29.24% 0.0038 248.25) 62.500% 65.625%, oklch(28.64% 0.0043 249.90) 65.625% 68.750%, oklch(28.99% 0.0047 251.79) 68.750% 71.875%, oklch(30.14% 0.0051 253.66) 71.875% 75.000%, oklch(31.92% 0.0056 255.49) 75.000% 78.125%, oklch(34.16% 0.0061 257.25) 78.125% 81.250%, oklch(36.68% 0.0065 258.92) 81.250% 84.375%, oklch(39.29% 0.0070 260.48) 84.375% 87.500%, oklch(41.84% 0.0074 261.90) 87.500% 90.625%, oklch(44.13% 0.0077 263.16) 90.625% 93.750%, oklch(45.99% 0.0080 264.24) 93.750% 96.875%, oklch(47.24% 0.0083 265.12) 96.875% 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