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

Xám: bảng màu gồm 32 màu. #d9d2dd, #ccc7d3, #b8b4c1, #b3a8b1, #ab9f9b, #9c958c, #857d72, #776e63. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d9d2dd
#d7d0db
#d4ced9
#d0cbd6
#ccc7d3
#c8c3d0
#c4bfcc
#bfbbc9
#bbb8c5
#b8b4c1
#b6b0bd
#b4adba
#b4aab6
#b3a8b1
#b3a6ad
#b2a4a8
#b1a2a3
#aea19f
#ab9f9b
#a89d97
#a49b94
#a09890
#9c958c
#979087
#938c82
#8e877d
#898277
#857d72
#80786d
#7d7469
#7a7065
#776e63

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0165 313.59) 0.0%, oklch(86.75% 0.0167 312.63) 3.2%, oklch(85.91% 0.0170 310.70) 6.5%, oklch(84.90% 0.0173 308.16) 9.7%, oklch(83.77% 0.0177 305.40) 12.9%, oklch(82.56% 0.0181 302.77) 16.1%, oklch(81.31% 0.0185 300.64) 19.4%, oklch(80.06% 0.0188 299.38) 22.6%, oklch(78.84% 0.0191 299.36) 25.8%, oklch(77.71% 0.0193 300.95) 29.0%, oklch(76.69% 0.0193 304.51) 32.3%, oklch(75.81% 0.0192 310.58) 35.5%, oklch(75.05% 0.0189 319.63) 38.7%, oklch(74.37% 0.0185 331.05) 41.9%, oklch(73.75% 0.0179 344.18) 45.2%, oklch(73.16% 0.0174 358.36) 48.4%, oklch(72.56% 0.0168 12.93) 51.6%, oklch(71.93% 0.0162 27.23) 54.8%, oklch(71.24% 0.0157 40.60) 58.1%, oklch(70.47% 0.0154 52.38) 61.3%, oklch(69.57% 0.0152 61.90) 64.5%, oklch(68.53% 0.0152 68.58) 67.7%, oklch(67.26% 0.0154 73.02) 71.0%, oklch(65.80% 0.0159 75.76) 74.2%, oklch(64.21% 0.0164 77.08) 77.4%, oklch(62.55% 0.0171 77.29) 80.6%, oklch(60.87% 0.0178 76.69) 83.9%, oklch(59.24% 0.0185 75.58) 87.1%, oklch(57.71% 0.0192 74.25) 90.3%, oklch(56.34% 0.0198 73.00) 93.5%, oklch(55.20% 0.0203 72.13) 96.8%, oklch(54.33% 0.0207 71.95) 100.0%);

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

Gradient trung tính dịu

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