Đen và xám (sọc màu tuyến tính)

Sọc màu tuyến tính, 32 màu, góc 45°: #212429, #7a7d81, #dfe2e6, #f5f7fe, #f8f4ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#212429
#272a2f
#2f3237
#383b40
#43464b
#4f5357
#5c6065
#6b6e73
#7a7d81
#898d90
#989c9f
#a7aaae
#b5b9bc
#c2c6c9
#ced1d4
#d8dbde
#dfe2e6
#e5e9ec
#eaedf1
#eef1f6
#f1f4f9
#f3f6fb
#f4f7fd
#f5f7fe
#f6f7ff
#f6f6ff
#f6f6ff
#f6f5ff
#f6f4fe
#f6f4fe
#f7f3fe
#f8f4ff

CSS

background: linear-gradient(45deg, oklch(25.98% 0.0110 260.86) 0.000% 3.125%, oklch(28.42% 0.0108 260.27) 3.125% 6.250%, oklch(31.54% 0.0105 259.35) 6.250% 9.375%, oklch(35.23% 0.0101 258.18) 9.375% 12.500%, oklch(39.40% 0.0096 256.82) 12.500% 15.625%, oklch(43.95% 0.0091 255.32) 15.625% 18.750%, oklch(48.78% 0.0086 253.77) 18.750% 21.875%, oklch(53.80% 0.0081 252.21) 21.875% 25.000%, oklch(58.91% 0.0075 250.72) 25.000% 28.125%, oklch(64.01% 0.0070 249.36) 28.125% 31.250%, oklch(69.00% 0.0066 248.20) 31.250% 34.375%, oklch(73.78% 0.0062 247.29) 34.375% 37.500%, oklch(78.26% 0.0058 246.72) 37.500% 40.625%, oklch(82.35% 0.0056 246.53) 40.625% 43.750%, oklch(85.93% 0.0055 246.79) 43.750% 46.875%, oklch(88.92% 0.0055 247.57) 46.875% 50.000%, oklch(91.25% 0.0056 248.96) 50.000% 53.125%, oklch(93.13% 0.0059 251.06) 53.125% 56.250%, oklch(94.62% 0.0063 253.80) 56.250% 59.375%, oklch(95.76% 0.0069 257.09) 59.375% 62.500%, oklch(96.60% 0.0075 260.83) 62.500% 65.625%, oklch(97.18% 0.0082 264.91) 65.625% 68.750%, oklch(97.53% 0.0090 269.25) 68.750% 71.875%, oklch(97.69% 0.0098 273.73) 71.875% 75.000%, oklch(97.72% 0.0106 278.26) 75.000% 78.125%, oklch(97.64% 0.0114 282.74) 78.125% 81.250%, oklch(97.49% 0.0122 287.09) 81.250% 84.375%, oklch(97.33% 0.0130 291.18) 84.375% 87.500%, oklch(97.18% 0.0137 294.93) 87.500% 90.625%, oklch(97.09% 0.0143 298.24) 90.625% 93.750%, oklch(97.10% 0.0148 301.00) 93.750% 96.875%, oklch(97.24% 0.0152 303.13) 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