Xám, xám đậm và nâu (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 64 màu: #d6d2cc, #47443c, #584626, #a9845b, #bfb09c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d6d2cc
#d1cdc7
#cbc7c0
#c3bfb9
#bbb7b1
#b2aea7
#a8a49e
#9e9a93
#939089
#88857f
#7e7b74
#73706a
#696660
#605d56
#57544d
#4e4c44
#47443c
#403e35
#3b382f
#36332a
#333026
#312e23
#302c20
#302c1f
#312d1e
#342e1d
#37301e
#3b331e
#3f361f
#453920
#4b3d22
#514224
#584626
#5f4b29
#67502c
#6e552f
#765a32
#7d5f36
#84643a
#8b693d
#916d41
#967144
#9a7448
#9e774b
#a17a4f
#a47e53
#a78157
#a9845b
#ac8860
#ae8b64
#b08e69
#b2926d
#b39572
#b59877
#b69b7c
#b79e80
#b8a184
#b9a489
#baa68c
#bba890
#bcab94
#bdac97
#beae99
#bfb09c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(86.61% 0.0096 78.05) 0.0%, oklch(85.05% 0.0098 78.50) 1.6%, oklch(83.07% 0.0100 79.10) 3.2%, oklch(80.74% 0.0101 79.83) 4.8%, oklch(78.10% 0.0102 80.67) 6.3%, oklch(75.19% 0.0102 81.59) 7.9%, oklch(72.06% 0.0103 82.59) 9.5%, oklch(68.75% 0.0104 83.64) 11.1%, oklch(65.32% 0.0104 84.73) 12.7%, oklch(61.80% 0.0106 85.84) 14.3%, oklch(58.25% 0.0107 86.94) 15.9%, oklch(54.70% 0.0110 88.03) 17.5%, oklch(51.22% 0.0113 89.08) 19.0%, oklch(47.83% 0.0117 90.08) 20.6%, oklch(44.59% 0.0121 91.00) 22.2%, oklch(41.55% 0.0127 91.83) 23.8%, oklch(38.74% 0.0135 92.56) 25.4%, oklch(36.22% 0.0143 93.15) 27.0%, oklch(34.03% 0.0153 93.60) 28.6%, oklch(32.22% 0.0165 93.89) 30.2%, oklch(30.84% 0.0178 93.99) 31.7%, oklch(29.92% 0.0193 93.90) 33.3%, oklch(29.46% 0.0211 93.58) 34.9%, oklch(29.37% 0.0233 93.03) 36.5%, oklch(29.64% 0.0259 92.27) 38.1%, oklch(30.23% 0.0288 91.34) 39.7%, oklch(31.10% 0.0319 90.25) 41.3%, oklch(32.23% 0.0353 89.02) 42.9%, oklch(33.58% 0.0388 87.68) 44.4%, oklch(35.13% 0.0424 86.24) 46.0%, oklch(36.84% 0.0461 84.74) 47.6%, oklch(38.68% 0.0498 83.19) 49.2%, oklch(40.62% 0.0534 81.62) 50.8%, oklch(42.63% 0.0570 80.05) 52.4%, oklch(44.68% 0.0604 78.50) 54.0%, oklch(46.73% 0.0636 76.99) 55.6%, oklch(48.76% 0.0667 75.55) 57.1%, oklch(50.74% 0.0694 74.20) 58.7%, oklch(52.62% 0.0718 72.97) 60.3%, oklch(54.39% 0.0738 71.86) 61.9%, oklch(56.00% 0.0754 70.92) 63.5%, oklch(57.44% 0.0766 70.15) 65.1%, oklch(58.66% 0.0772 69.59) 66.7%, oklch(59.76% 0.0772 69.21) 68.3%, oklch(60.85% 0.0768 68.96) 69.8%, oklch(61.93% 0.0758 68.84) 71.4%, oklch(62.98% 0.0745 68.83) 73.0%, oklch(64.02% 0.0728 68.92) 74.6%, oklch(65.04% 0.0707 69.10) 76.2%, oklch(66.04% 0.0684 69.36) 77.8%, oklch(67.01% 0.0658 69.68) 79.4%, oklch(67.96% 0.0631 70.06) 81.0%, oklch(68.87% 0.0602 70.49) 82.5%, oklch(69.75% 0.0572 70.95) 84.1%, oklch(70.60% 0.0542 71.43) 85.7%, oklch(71.42% 0.0512 71.92) 87.3%, oklch(72.19% 0.0483 72.41) 88.9%, oklch(72.93% 0.0454 72.89) 90.5%, oklch(73.62% 0.0427 73.34) 92.1%, oklch(74.27% 0.0402 73.77) 93.7%, oklch(74.87% 0.0379 74.14) 95.2%, oklch(75.43% 0.0360 74.46) 96.8%, oklch(75.93% 0.0343 74.71) 98.4%, oklch(76.38% 0.0331 74.88) 100.0%);

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

Bảng màu nâu vàng

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