Đen, nâu và xám (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #1a120b, #2c1d16, #947f62, #e3dfb7, #ece8d6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1a120b
#1b130c
#1d140c
#1e140d
#1f150e
#21160f
#241710
#271a13
#2c1d16
#32211a
#39281f
#433026
#4f3b2f
#5f4939
#705a46
#826c53
#947f62
#a59371
#b5a680
#c3b78f
#cfc69c
#d8d1a6
#dedaaf
#e3dfb7
#e7e3bd
#e9e6c3
#ebe7c7
#ebe7cb
#ebe7ce
#ebe7d1
#ebe7d4
#ece8d6

CSS

background: linear-gradient(135deg in oklch, oklch(19.02% 0.0189 62.50) 0.0%, oklch(19.49% 0.0195 61.37) 3.2%, oklch(19.85% 0.0203 59.55) 6.5%, oklch(20.20% 0.0211 57.27) 9.7%, oklch(20.61% 0.0221 54.76) 12.9%, oklch(21.18% 0.0232 52.23) 16.1%, oklch(21.99% 0.0244 49.91) 19.4%, oklch(23.12% 0.0258 48.02) 22.6%, oklch(24.67% 0.0273 46.78) 25.8%, oklch(26.71% 0.0289 46.41) 29.0%, oklch(29.34% 0.0306 47.14) 32.3%, oklch(32.74% 0.0327 49.25) 35.5%, oklch(37.18% 0.0354 52.88) 38.7%, oklch(42.45% 0.0385 57.73) 41.9%, oklch(48.31% 0.0420 63.47) 45.2%, oklch(54.52% 0.0455 69.76) 48.4%, oklch(60.84% 0.0490 76.27) 51.6%, oklch(67.02% 0.0521 82.67) 54.8%, oklch(72.82% 0.0547 88.62) 58.1%, oklch(78.01% 0.0566 93.80) 61.3%, oklch(82.34% 0.0575 97.86) 64.5%, oklch(85.59% 0.0574 100.53) 67.7%, oklch(88.01% 0.0560 102.07) 71.0%, oklch(89.77% 0.0535 102.75) 74.2%, oklch(91.00% 0.0501 102.74) 77.4%, oklch(91.78% 0.0461 102.20) 80.6%, oklch(92.22% 0.0419 101.27) 83.9%, oklch(92.43% 0.0375 100.13) 87.1%, oklch(92.50% 0.0333 98.93) 90.3%, oklch(92.54% 0.0295 97.84) 93.5%, oklch(92.65% 0.0265 97.00) 96.8%, oklch(92.93% 0.0243 96.58) 100.0%);

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

Coffee color palettes

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