Nâu vàng, xám đậm, be và xám (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #d5c096, #b49069, #515752, #b1b99f, #a18f7e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d5c096
#d3bc91
#cfb689
#cab080
#c5a877
#c0a16e
#bc9b66
#b89561
#b5925f
#b49062
#b49069
#b59172
#b4937b
#b29583
#ad9687
#a69488
#9c8f84
#8c857a
#78776d
#636760
#515752
#434947
#3a3f3f
#363c3d
#3a4142
#465051
#586764
#70827a
#8f9f8e
#b1b99f
#d1ceaf
#e6dab9
#eedcbc
#ecd6b9
#e3ccb1
#d5bfa6
#c5b09a
#b6a28e
#a99684
#a18f7e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0606 83.67) 0.0%, oklch(80.34% 0.0627 83.14) 2.6%, oklch(78.71% 0.0660 82.48) 5.1%, oklch(76.77% 0.0700 81.70) 7.7%, oklch(74.66% 0.0741 80.80) 10.3%, oklch(72.57% 0.0777 79.78) 12.8%, oklch(70.64% 0.0802 78.64) 15.4%, oklch(69.04% 0.0809 77.37) 17.9%, oklch(67.94% 0.0794 75.93) 20.5%, oklch(67.56% 0.0752 72.78) 23.1%, oklch(67.76% 0.0687 67.99) 25.6%, oklch(68.26% 0.0607 62.66) 28.2%, oklch(68.80% 0.0519 57.84) 30.8%, oklch(69.12% 0.0431 54.63) 33.3%, oklch(68.93% 0.0349 54.09) 35.9%, oklch(67.98% 0.0280 57.31) 38.5%, oklch(65.91% 0.0230 65.65) 41.0%, oklch(61.98% 0.0188 81.78) 43.6%, oklch(56.67% 0.0151 103.87) 46.2%, oklch(50.72% 0.0120 129.18) 48.7%, oklch(44.86% 0.0097 154.98) 51.3%, oklch(39.82% 0.0081 178.52) 53.8%, oklch(36.33% 0.0075 197.07) 56.4%, oklch(35.11% 0.0078 207.88) 59.0%, oklch(36.99% 0.0095 208.58) 61.5%, oklch(42.25% 0.0132 200.10) 64.1%, oklch(49.94% 0.0185 184.81) 66.7%, oklch(59.04% 0.0247 165.07) 69.2%, oklch(68.51% 0.0311 143.25) 71.8%, oklch(77.33% 0.0371 121.69) 74.4%, oklch(84.47% 0.0419 102.76) 76.9%, oklch(88.90% 0.0451 88.82) 79.5%, oklch(90.07% 0.0462 80.45) 82.1%, oklch(88.80% 0.0457 74.80) 84.6%, oklch(85.76% 0.0442 71.25) 87.2%, oklch(81.58% 0.0419 69.27) 89.7%, oklch(76.90% 0.0392 68.36) 92.3%, oklch(72.34% 0.0366 67.98) 94.9%, oklch(68.54% 0.0344 67.63) 97.4%, oklch(66.14% 0.0331 66.76) 100.0%);

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