Xám và đen (gradient xuyên tâm)

Xám và đen: bảng màu gồm 64 màu. #f1e5ca, #7c8f84, #262c32, #131519, #23292b, #424f4d, #88947e, #d7c9a8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 4 keyframe OKLCH chỉnh sửa được.

#f1e5ca
#e9e0c4
#ded9be
#d2d1b7
#c5c8af
#b7bea7
#a8b39e
#99a896
#8a9b8d
#7c8f84
#6f827b
#627671
#576968
#4c5d5e
#435154
#3a474b
#323d42
#2c3439
#262c32
#20262b
#1c2126
#191d22
#171a1f
#15181c
#14161b
#13161a
#131519
#131519
#13161a
#14171b
#15191c
#171a1e
#191d20
#1b1f22
#1d2225
#202528
#23292b
#262c2f
#293032
#2c3436
#2f3839
#323c3d
#364040
#394444
#3d4a48
#424f4d
#475652
#4e5d57
#54645d
#5c6b63
#637368
#6c7b6e
#758473
#7e8c79
#88947e
#929b84
#9da389
#a7aa8e
#b0b093
#bab798
#c2bc9d
#cac1a1
#d1c5a5
#d7c9a8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0386 87.89) 0.0%, oklch(90.62% 0.0378 92.48) 1.6%, oklch(88.26% 0.0369 98.20) 3.2%, oklch(85.50% 0.0358 104.94) 4.8%, oklch(82.38% 0.0346 112.56) 6.3%, oklch(78.95% 0.0333 120.94) 7.9%, oklch(75.27% 0.0318 129.96) 9.5%, oklch(71.38% 0.0303 139.48) 11.1%, oklch(67.33% 0.0287 149.37) 12.7%, oklch(63.17% 0.0271 159.52) 14.3%, oklch(58.96% 0.0255 169.80) 15.9%, oklch(54.73% 0.0238 180.07) 17.5%, oklch(50.54% 0.0222 190.21) 19.0%, oklch(46.45% 0.0205 200.10) 20.6%, oklch(42.49% 0.0190 209.61) 22.2%, oklch(38.72% 0.0175 218.61) 23.8%, oklch(35.19% 0.0161 226.98) 25.4%, oklch(31.95% 0.0148 234.58) 27.0%, oklch(29.04% 0.0136 241.30) 28.6%, oklch(26.52% 0.0126 247.00) 30.2%, oklch(24.43% 0.0117 251.56) 31.7%, oklch(22.83% 0.0110 254.86) 33.3%, oklch(21.64% 0.0105 257.04) 34.9%, oklch(20.73% 0.0100 258.37) 36.5%, oklch(20.09% 0.0096 258.92) 38.1%, oklch(19.70% 0.0092 258.75) 39.7%, oklch(19.54% 0.0089 257.89) 41.3%, oklch(19.61% 0.0087 256.42) 42.9%, oklch(19.87% 0.0086 254.39) 44.4%, oklch(20.33% 0.0085 251.84) 46.0%, oklch(20.96% 0.0085 248.85) 47.6%, oklch(21.75% 0.0086 245.46) 49.2%, oklch(22.68% 0.0087 241.72) 50.8%, oklch(23.73% 0.0089 237.70) 52.4%, oklch(24.89% 0.0092 233.45) 54.0%, oklch(26.14% 0.0095 229.03) 55.6%, oklch(27.48% 0.0099 224.48) 57.1%, oklch(28.87% 0.0104 219.87) 58.7%, oklch(30.31% 0.0109 215.25) 60.3%, oklch(31.78% 0.0115 210.68) 61.9%, oklch(33.27% 0.0122 206.21) 63.5%, oklch(34.75% 0.0130 201.89) 65.1%, oklch(36.22% 0.0138 197.79) 66.7%, oklch(37.80% 0.0147 193.58) 68.3%, oklch(39.62% 0.0159 188.93) 69.8%, oklch(41.65% 0.0172 183.90) 71.4%, oklch(43.86% 0.0187 178.54) 73.0%, oklch(46.22% 0.0203 172.90) 74.6%, oklch(48.72% 0.0220 167.04) 76.2%, oklch(51.33% 0.0238 161.00) 77.8%, oklch(54.01% 0.0257 154.85) 79.4%, oklch(56.74% 0.0276 148.62) 81.0%, oklch(59.50% 0.0295 142.38) 82.5%, oklch(62.25% 0.0315 136.18) 84.1%, oklch(64.98% 0.0334 130.07) 85.7%, oklch(67.65% 0.0353 124.11) 87.3%, oklch(70.24% 0.0372 118.34) 88.9%, oklch(72.72% 0.0389 112.82) 90.5%, oklch(75.07% 0.0406 107.60) 92.1%, oklch(77.25% 0.0422 102.74) 93.7%, oklch(79.25% 0.0436 98.29) 95.2%, oklch(81.04% 0.0449 94.29) 96.8%, oklch(82.58% 0.0460 90.81) 98.4%, oklch(83.86% 0.0469 87.89) 100.0%);

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

Hoài niệm văn phòng analog

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