Xám sang nâu (gradient xuyên tâm)

Xám sang nâu: bảng màu gồm 32 màu. #bbbbbb, #b9b1aa, #b3a08b, #ab9170, #a07e5b, #956b54, #845853, #784e52. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#bbbbbb
#bab9b8
#bab6b4
#bab4b0
#b9b1aa
#b9aea5
#b8aa9f
#b7a798
#b5a391
#b3a08b
#b19c84
#af987d
#ad9576
#ab9170
#a88e6b
#a68a66
#a48662
#a2825e
#a07e5b
#9e7a58
#9b7556
#987055
#956b54
#926753
#8f6353
#8b5f53
#875b53
#845853
#805553
#7d5253
#7a5052
#784e52

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(79.13% 0.0000 89.88) 0.0%, oklch(78.61% 0.0024 53.62) 3.2%, oklch(77.99% 0.0055 54.92) 6.5%, oklch(77.27% 0.0091 56.55) 9.7%, oklch(76.48% 0.0133 58.45) 12.9%, oklch(75.61% 0.0178 60.52) 16.1%, oklch(74.68% 0.0226 62.69) 19.4%, oklch(73.70% 0.0276 64.87) 22.6%, oklch(72.67% 0.0326 66.99) 25.8%, oklch(71.61% 0.0376 68.97) 29.0%, oklch(70.53% 0.0425 70.73) 32.3%, oklch(69.43% 0.0471 72.18) 35.5%, oklch(68.33% 0.0514 73.25) 38.7%, oklch(67.23% 0.0552 73.85) 41.9%, oklch(66.15% 0.0584 73.91) 45.2%, oklch(65.09% 0.0610 73.35) 48.4%, oklch(64.04% 0.0628 72.07) 51.6%, oklch(62.93% 0.0641 69.96) 54.8%, oklch(61.74% 0.0649 67.12) 58.1%, oklch(60.50% 0.0652 63.65) 61.3%, oklch(59.22% 0.0652 59.66) 64.5%, oklch(57.92% 0.0648 55.26) 67.7%, oklch(56.61% 0.0642 50.58) 71.0%, oklch(55.32% 0.0634 45.71) 74.2%, oklch(54.05% 0.0624 40.77) 77.4%, oklch(52.82% 0.0613 35.88) 80.6%, oklch(51.65% 0.0602 31.14) 83.9%, oklch(50.55% 0.0592 26.66) 87.1%, oklch(49.55% 0.0582 22.56) 90.3%, oklch(48.65% 0.0574 18.95) 93.5%, oklch(47.88% 0.0568 15.94) 96.8%, oklch(47.24% 0.0565 13.63) 100.0%);

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

Gradient trung tính dịu Gradient tông trầ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