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

Sọc màu xuyên tâm, 56 màu: #bdc4c4, #333538, #87898c, #d2d7d9, #3f4649. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bdc4c4
#b7bebf
#afb7b7
#a6adae
#9ca3a4
#919799
#868b8d
#7a7f81
#6e7375
#626669
#575b5e
#4c5053
#434649
#3a3d40
#333538
#2d2f32
#292a2d
#26282a
#262729
#27282b
#2a2b2e
#303134
#38393c
#424346
#4d4f52
#5a5c5f
#686a6d
#77797c
#87898c
#96999b
#a5a8ab
#b4b7ba
#c1c5c7
#cdd1d3
#d7dbde
#dfe3e5
#e4e8ea
#e5eaec
#e4e9eb
#e0e5e7
#dadfe1
#d2d7d9
#c8ced0
#bdc3c5
#b1b7ba
#a5abad
#989ea1
#8b9294
#7e8588
#72797c
#666e70
#5c6366
#525a5d
#4a5255
#444b4e
#3f4649

CSS

background: radial-gradient(circle at 50% 50%, oklch(81.50% 0.0083 196.87) 0.000% 1.786%, oklch(79.69% 0.0082 199.27) 1.786% 3.571%, oklch(77.28% 0.0081 202.36) 3.571% 5.357%, oklch(74.37% 0.0079 206.05) 5.357% 7.143%, oklch(71.02% 0.0078 210.24) 7.143% 8.929%, oklch(67.34% 0.0076 214.86) 8.929% 10.714%, oklch(63.40% 0.0075 219.79) 10.714% 12.500%, oklch(59.29% 0.0073 224.96) 12.500% 14.286%, oklch(55.09% 0.0071 230.26) 14.286% 16.071%, oklch(50.89% 0.0069 235.61) 16.071% 17.857%, oklch(46.78% 0.0067 240.92) 17.857% 19.643%, oklch(42.83% 0.0065 246.08) 19.643% 21.429%, oklch(39.14% 0.0064 251.01) 21.429% 23.214%, oklch(35.79% 0.0062 255.61) 23.214% 25.000%, oklch(32.86% 0.0060 259.80) 25.000% 26.786%, oklch(30.45% 0.0059 263.47) 26.786% 28.571%, oklch(28.63% 0.0057 266.54) 28.571% 30.357%, oklch(27.48% 0.0056 268.92) 30.357% 32.143%, oklch(27.11% 0.0055 270.51) 32.143% 33.929%, oklch(27.61% 0.0055 271.25) 33.929% 35.714%, oklch(29.11% 0.0054 271.24) 35.714% 37.500%, oklch(31.48% 0.0053 270.55) 37.500% 39.286%, oklch(34.61% 0.0052 269.26) 39.286% 41.071%, oklch(38.39% 0.0052 267.44) 41.071% 42.857%, oklch(42.70% 0.0051 265.17) 42.857% 44.643%, oklch(47.42% 0.0051 262.52) 44.643% 46.429%, oklch(52.43% 0.0050 259.57) 46.429% 48.214%, oklch(57.61% 0.0050 256.39) 48.214% 50.000%, oklch(62.86% 0.0050 253.05) 50.000% 51.786%, oklch(68.05% 0.0050 249.62) 51.786% 53.571%, oklch(73.06% 0.0050 246.19) 53.571% 55.357%, oklch(77.77% 0.0050 242.83) 55.357% 57.143%, oklch(82.08% 0.0051 239.60) 57.143% 58.929%, oklch(85.86% 0.0051 236.59) 58.929% 60.714%, oklch(89.00% 0.0052 233.87) 60.714% 62.500%, oklch(91.37% 0.0053 231.51) 62.500% 64.286%, oklch(92.86% 0.0054 229.58) 64.286% 66.071%, oklch(93.37% 0.0056 228.15) 66.071% 67.857%, oklch(92.99% 0.0058 226.98) 67.857% 69.643%, oklch(91.85% 0.0060 225.98) 69.643% 71.429%, oklch(90.03% 0.0063 225.15) 71.429% 73.214%, oklch(87.61% 0.0066 224.47) 73.214% 75.000%, oklch(84.68% 0.0069 223.91) 75.000% 76.786%, oklch(81.33% 0.0072 223.48) 76.786% 78.571%, oklch(77.64% 0.0076 223.15) 78.571% 80.357%, oklch(73.70% 0.0080 222.91) 80.357% 82.143%, oklch(69.58% 0.0083 222.74) 82.143% 83.929%, oklch(65.38% 0.0087 222.64) 83.929% 85.714%, oklch(61.19% 0.0091 222.58) 85.714% 87.500%, oklch(57.07% 0.0094 222.55) 87.500% 89.286%, oklch(53.13% 0.0098 222.54) 89.286% 91.071%, oklch(49.45% 0.0101 222.53) 91.071% 92.857%, oklch(46.11% 0.0104 222.51) 92.857% 94.643%, oklch(43.19% 0.0106 222.46) 94.643% 96.429%, oklch(40.78% 0.0108 222.38) 96.429% 98.214%, oklch(38.98% 0.0110 222.24) 98.214% 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