Xanh cổ vịt, xanh lá, hồng cá hồi và đỏ (gradient tuyến tính)

Bảng màu Xanh cổ vịt, xanh lá, hồng cá hồi và đỏ

Gradient tuyến tính, 32 màu, góc 135°: #245550, #2f684f, #aa7d00, #e56058, #a82926. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#245550
#245650
#245851
#255a51
#265d51
#275f52
#296251
#2b6551
#2f684f
#356c4d
#3c6f49
#467344
#55773b
#677a30
#7d7d20
#947e0a
#aa7d00
#bf7a01
#d0771e
#de7334
#e66f45
#ea6b51
#e96657
#e56058
#de5956
#d65150
#cd4949
#c44241
#bb3a38
#b33330
#ac2d2a
#a82926

CSS

background: linear-gradient(135deg in oklch, oklch(41.34% 0.0537 186.33) 0.0%, oklch(41.80% 0.0553 184.47) 3.2%, oklch(42.33% 0.0570 182.49) 6.5%, oklch(42.95% 0.0589 180.31) 9.7%, oklch(43.65% 0.0611 177.81) 12.9%, oklch(44.42% 0.0636 174.91) 16.1%, oklch(45.29% 0.0665 171.48) 19.4%, oklch(46.23% 0.0697 167.45) 22.6%, oklch(47.26% 0.0734 162.70) 25.8%, oklch(48.38% 0.0776 157.14) 29.0%, oklch(49.58% 0.0824 150.66) 32.3%, oklch(50.96% 0.0879 142.90) 35.5%, oklch(52.75% 0.0947 133.16) 38.7%, oklch(54.84% 0.1025 121.85) 41.9%, oklch(57.12% 0.1110 109.45) 45.2%, oklch(59.46% 0.1199 96.46) 48.4%, oklch(61.72% 0.1268 83.35) 51.6%, oklch(63.80% 0.1374 70.66) 54.8%, oklch(65.55% 0.1454 58.82) 58.1%, oklch(66.86% 0.1525 48.33) 61.3%, oklch(67.60% 0.1583 39.70) 64.5%, oklch(67.64% 0.1624 33.36) 67.7%, oklch(66.90% 0.1652 28.94) 71.0%, oklch(65.48% 0.1669 26.06) 74.2%, oklch(63.55% 0.1677 24.44) 77.4%, oklch(61.26% 0.1678 23.84) 80.6%, oklch(58.75% 0.1673 23.98) 83.9%, oklch(56.19% 0.1665 24.61) 87.1%, oklch(53.72% 0.1656 25.47) 90.3%, oklch(51.50% 0.1647 26.28) 93.5%, oklch(49.69% 0.1641 26.80) 96.8%, oklch(48.43% 0.1640 26.76) 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