Nâu, xanh ô liu và xanh lơ (ba tông) (gradient tuyến tính)

Nâu, xanh ô liu và xanh lơ (ba tông): bảng màu gồm 32 màu. #230f01, #542612, #944f25, #8a9a3d, #2ed4d7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#230f01
#261001
#2b1302
#301503
#361804
#3d1b06
#441f0a
#4c220e
#542612
#5d2a17
#652f1c
#6e3320
#773823
#7f3d26
#874228
#8e4827
#944f25
#995621
#9c5f1b
#9e6a14
#9e7512
#9a811a
#948e29
#8a9a3d
#7ea652
#6fb169
#5fba7f
#4ec295
#3fc8aa
#34cdbc
#2ed1cb
#2ed4d7

CSS

background: linear-gradient(90deg in oklch, oklch(19.29% 0.0441 58.36) 0.0%, oklch(20.38% 0.0464 57.62) 3.2%, oklch(21.69% 0.0494 56.26) 6.5%, oklch(23.20% 0.0528 54.40) 9.7%, oklch(24.89% 0.0567 52.19) 12.9%, oklch(26.73% 0.0610 49.77) 16.1%, oklch(28.70% 0.0655 47.28) 19.4%, oklch(30.77% 0.0702 44.86) 22.6%, oklch(32.93% 0.0750 42.64) 25.8%, oklch(35.14% 0.0799 40.77) 29.0%, oklch(37.38% 0.0846 39.39) 32.3%, oklch(39.63% 0.0893 38.64) 35.5%, oklch(41.87% 0.0937 38.65) 38.7%, oklch(44.06% 0.0978 39.56) 41.9%, oklch(46.19% 0.1015 41.53) 45.2%, oklch(48.23% 0.1047 44.67) 48.4%, oklch(50.19% 0.1074 49.21) 51.6%, oklch(52.23% 0.1098 55.51) 54.8%, oklch(54.37% 0.1120 63.40) 58.1%, oklch(56.56% 0.1140 72.64) 61.3%, oklch(58.79% 0.1157 82.97) 64.5%, oklch(61.05% 0.1173 94.14) 67.7%, oklch(63.29% 0.1187 105.89) 71.0%, oklch(65.50% 0.1200 117.99) 74.2%, oklch(67.65% 0.1212 130.17) 77.4%, oklch(69.73% 0.1222 142.19) 80.6%, oklch(71.70% 0.1231 153.80) 83.9%, oklch(73.54% 0.1239 164.73) 87.1%, oklch(75.23% 0.1247 174.75) 90.3%, oklch(76.74% 0.1254 183.60) 93.5%, oklch(78.05% 0.1261 191.03) 96.8%, oklch(79.13% 0.1268 196.79) 100.0%);

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

Gradient ven biển

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