Xanh dương, be, xám và đỏ (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #6690a6, #dee0c4, #97a37d, #4b6c25, #d74433. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#6690a6
#6a97a8
#71a1aa
#7eadad
#90baaf
#a4c5b3
#bad0b7
#ced9be
#dee0c4
#e9e4c9
#eee5ca
#ede1c6
#e5d9bd
#d7ceaf
#c4c19e
#aeb28d
#97a37d
#7f946e
#688761
#547c57
#46744d
#3f6f43
#416d37
#4b6c25
#5c6a00
#6f6800
#826600
#956400
#a95f00
#bf5500
#d04919
#d74433

CSS

background: linear-gradient(45deg in oklch, oklch(62.99% 0.0565 232.03) 0.0%, oklch(64.96% 0.0551 223.01) 3.2%, oklch(67.87% 0.0530 210.37) 6.5%, oklch(71.45% 0.0503 195.04) 9.7%, oklch(75.42% 0.0474 177.96) 12.9%, oklch(79.52% 0.0444 160.06) 16.1%, oklch(83.46% 0.0416 142.29) 19.4%, oklch(86.98% 0.0392 125.56) 22.6%, oklch(89.79% 0.0375 110.81) 25.8%, oklch(91.64% 0.0366 98.99) 29.0%, oklch(92.25% 0.0368 91.01) 32.3%, oklch(91.32% 0.0383 87.79) 35.5%, oklch(88.81% 0.0404 89.27) 38.7%, oklch(85.04% 0.0432 94.44) 41.9%, oklch(80.35% 0.0467 102.29) 45.2%, oklch(75.06% 0.0508 111.79) 48.4%, oklch(69.51% 0.0555 121.93) 51.6%, oklch(64.03% 0.0607 131.67) 54.8%, oklch(58.97% 0.0664 139.99) 58.1%, oklch(54.65% 0.0727 145.88) 61.3%, oklch(51.40% 0.0793 148.30) 64.5%, oklch(49.53% 0.0866 146.30) 67.7%, oklch(48.76% 0.0953 140.09) 71.0%, oklch(48.83% 0.1054 130.56) 74.2%, oklch(49.56% 0.1159 118.51) 77.4%, oklch(50.80% 0.1076 104.70) 80.6%, oklch(52.37% 0.1070 89.97) 83.9%, oklch(54.11% 0.1141 75.09) 87.1%, oklch(55.85% 0.1299 60.88) 90.3%, oklch(57.44% 0.1561 48.13) 93.5%, oklch(58.69% 0.1799 37.65) 96.8%, oklch(59.45% 0.1860 30.19) 100.0%);

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

Giàn cà chua sai quả

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