Nâu, cam, xanh lá đậm và đen (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #68452f, #cf7836, #797a24, #2e4936, #272b27. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#68452f
#6f4930
#7a4e32
#875434
#965c36
#a66337
#b56b39
#c37238
#cf7836
#d67e32
#d8822a
#d48420
#c98512
#b98506
#a5830a
#8f7f18
#797a24
#64732e
#526b34
#446238
#3a5b39
#345539
#314f38
#2e4936
#2d4434
#2c3f31
#2b3b2f
#2a372d
#29332b
#283029
#282d28
#272b27

CSS

background: linear-gradient(45deg in oklch, oklch(42.52% 0.0593 52.73) 0.0%, oklch(44.23% 0.0648 52.96) 3.2%, oklch(46.70% 0.0727 52.84) 6.5%, oklch(49.73% 0.0825 52.56) 9.7%, oklch(53.09% 0.0933 52.28) 12.9%, oklch(56.58% 0.1045 52.19) 16.1%, oklch(59.98% 0.1155 52.47) 19.4%, oklch(63.08% 0.1255 53.29) 22.6%, oklch(65.67% 0.1339 54.83) 25.8%, oklch(67.53% 0.1399 57.28) 29.0%, oklch(68.44% 0.1431 60.80) 32.3%, oklch(68.26% 0.1427 65.75) 35.5%, oklch(67.08% 0.1393 72.55) 38.7%, oklch(65.10% 0.1334 80.82) 41.9%, oklch(62.50% 0.1255 90.14) 45.2%, oklch(59.44% 0.1162 100.06) 48.4%, oklch(56.11% 0.1060 110.15) 51.6%, oklch(52.68% 0.0954 119.98) 54.8%, oklch(49.33% 0.0850 129.12) 58.1%, oklch(46.24% 0.0753 137.13) 61.3%, oklch(43.57% 0.0668 143.57) 64.5%, oklch(41.48% 0.0599 148.06) 67.7%, oklch(39.63% 0.0535 150.92) 71.0%, oklch(37.89% 0.0472 152.51) 74.2%, oklch(36.26% 0.0411 153.04) 77.4%, oklch(34.75% 0.0353 152.76) 80.6%, oklch(33.36% 0.0299 151.89) 83.9%, oklch(32.10% 0.0248 150.67) 87.1%, oklch(30.96% 0.0202 149.31) 90.3%, oklch(29.96% 0.0160 148.06) 93.5%, oklch(29.08% 0.0125 147.14) 96.8%, oklch(28.35% 0.0096 146.79) 100.0%);

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

Quán bia hổ phách

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