Be, đen, xanh lá đậm và xám (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #dfd9ac, #978157, #00281d, #001712, #e5ccab. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dfd9ac
#dcd6a9
#dad2a5
#d7cda1
#d4c99c
#d1c397
#cebe91
#cab88c
#c6b286
#c1ab80
#bca57a
#b79f74
#b2986e
#ac9268
#a58c62
#9e865c
#978157
#8f7b50
#86764a
#7c7044
#716a3e
#656439
#5a5d34
#4e5730
#43512d
#384b2a
#2d4528
#233f26
#193a24
#103422
#083020
#022c1f
#00281d
#00241b
#002019
#001c17
#001914
#001612
#001310
#00110e
#000f0d
#000e0c
#000d0b
#000e0b
#000f0c
#00110d
#00130f
#001712
#031d16
#0a241b
#142c21
#203729
#2e4332
#3d503b
#4e5d46
#606c51
#737a5d
#878969
#9a9775
#ada482
#beb18e
#cebc99
#dbc5a3
#e5ccab

CSS

background: linear-gradient(135deg in oklch, oklch(87.80% 0.0593 101.25) 0.0%, oklch(86.89% 0.0595 100.37) 1.6%, oklch(85.83% 0.0598 99.01) 3.2%, oklch(84.62% 0.0602 97.26) 4.8%, oklch(83.29% 0.0607 95.22) 6.3%, oklch(81.83% 0.0613 92.98) 7.9%, oklch(80.27% 0.0618 90.65) 9.5%, oklch(78.61% 0.0624 88.30) 11.1%, oklch(76.87% 0.0629 86.05) 12.7%, oklch(75.05% 0.0635 83.98) 14.3%, oklch(73.18% 0.0639 82.20) 15.9%, oklch(71.25% 0.0643 80.80) 17.5%, oklch(69.29% 0.0647 79.87) 19.0%, oklch(67.31% 0.0649 79.50) 20.6%, oklch(65.31% 0.0650 79.81) 22.2%, oklch(63.31% 0.0649 80.87) 23.8%, oklch(61.31% 0.0647 82.80) 25.4%, oklch(59.17% 0.0643 85.78) 27.0%, oklch(56.87% 0.0638 89.76) 28.6%, oklch(54.43% 0.0632 94.60) 30.2%, oklch(51.89% 0.0625 100.14) 31.7%, oklch(49.27% 0.0617 106.26) 33.3%, oklch(46.61% 0.0608 112.80) 34.9%, oklch(43.94% 0.0598 119.62) 36.5%, oklch(41.28% 0.0588 126.59) 38.1%, oklch(38.68% 0.0577 133.55) 39.7%, oklch(36.16% 0.0567 140.37) 41.3%, oklch(33.76% 0.0556 146.90) 42.9%, oklch(31.50% 0.0545 152.99) 44.4%, oklch(29.42% 0.0535 158.52) 46.0%, oklch(27.55% 0.0524 163.33) 47.6%, oklch(25.91% 0.0515 167.27) 49.2%, oklch(24.52% 0.0484 170.21) 50.8%, oklch(23.13% 0.0444 172.93) 52.4%, oklch(21.74% 0.0408 175.39) 54.0%, oklch(20.37% 0.0376 177.59) 55.6%, oklch(19.08% 0.0347 179.50) 57.1%, oklch(17.88% 0.0322 181.10) 58.7%, oklch(16.81% 0.0300 182.37) 60.3%, oklch(15.90% 0.0283 183.29) 61.9%, oklch(15.19% 0.0269 183.84) 63.5%, oklch(14.71% 0.0261 183.99) 65.1%, oklch(14.49% 0.0257 183.74) 66.7%, oklch(14.57% 0.0259 183.06) 68.3%, oklch(14.97% 0.0268 181.94) 69.8%, oklch(15.72% 0.0285 180.35) 71.4%, oklch(16.88% 0.0310 178.29) 73.0%, oklch(18.46% 0.0346 175.73) 74.6%, oklch(20.58% 0.0359 172.64) 76.2%, oklch(23.49% 0.0364 168.20) 77.8%, oklch(27.07% 0.0370 162.78) 79.4%, oklch(31.22% 0.0379 156.53) 81.0%, oklch(35.82% 0.0390 149.61) 82.5%, oklch(40.78% 0.0402 142.18) 84.1%, oklch(45.97% 0.0416 134.40) 85.7%, oklch(51.30% 0.0430 126.43) 87.3%, oklch(56.65% 0.0444 118.42) 88.9%, oklch(61.93% 0.0458 110.54) 90.5%, oklch(67.01% 0.0472 102.95) 92.1%, oklch(71.80% 0.0486 95.80) 93.7%, oklch(76.18% 0.0498 89.26) 95.2%, oklch(80.05% 0.0508 83.47) 96.8%, oklch(83.30% 0.0517 78.61) 98.4%, oklch(85.83% 0.0524 74.83) 100.0%);

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

Gradient màu đất

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