Xanh hải quân, nâu, xám và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #354b62, #ba883c, #6d4d3a, #f1e4cb, #1d2026. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#354b62
#315568
#2a636e
#2a736d
#408263
#678b51
#8d8f3f
#ab8d38
#ba883c
#ba7f41
#b17341
#a1663e
#8e5939
#7d4f34
#704831
#6a4732
#6d4d3a
#7b5d4a
#917461
#ac907c
#c7ad98
#dfc7b1
#eedbc3
#f1e4cb
#e2dfc6
#c5ccb6
#a0afa1
#7b8d87
#5a6a6a
#3f4a4e
#2a3036
#1d2026

CSS

background: linear-gradient(45deg in oklch, oklch(40.55% 0.0469 248.20) 0.0%, oklch(42.95% 0.0528 233.53) 3.2%, oklch(46.52% 0.0616 212.83) 6.5%, oklch(50.80% 0.0722 188.11) 9.7%, oklch(55.31% 0.0834 161.41) 12.9%, oklch(59.57% 0.0939 134.73) 16.1%, oklch(63.11% 0.1027 110.12) 19.4%, oklch(65.45% 0.1085 89.58) 22.6%, oklch(66.11% 0.1102 75.01) 25.8%, oklch(64.47% 0.1077 64.96) 29.0%, oklch(61.02% 0.1018 57.99) 32.3%, oklch(56.51% 0.0937 53.59) 35.5%, oklch(51.71% 0.0842 51.24) 38.7%, oklch(47.39% 0.0744 50.41) 41.9%, oklch(44.31% 0.0653 50.60) 45.2%, oklch(43.24% 0.0579 51.28) 48.4%, oklch(45.05% 0.0529 51.98) 51.6%, oklch(50.37% 0.0492 52.79) 54.8%, oklch(58.17% 0.0464 54.16) 58.1%, oklch(67.25% 0.0443 56.54) 61.3%, oklch(76.41% 0.0425 60.40) 64.5%, oklch(84.44% 0.0408 66.19) 67.7%, oklch(90.13% 0.0389 74.36) 71.0%, oklch(92.28% 0.0365 85.38) 74.2%, oklch(89.87% 0.0335 100.63) 77.4%, oklch(83.36% 0.0301 121.59) 80.6%, oklch(73.92% 0.0264 146.42) 83.9%, oklch(62.75% 0.0227 173.16) 87.1%, oklch(51.03% 0.0191 199.84) 90.3%, oklch(39.94% 0.0158 224.49) 93.5%, oklch(30.68% 0.0131 245.14) 96.8%, oklch(24.41% 0.0110 259.83) 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