Be, đỏ, xanh lá và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #efe4ca, #e86a4d, #d34721, #407247, #5e3b2a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#efe4ca
#eddcbb
#ecd1a7
#ecc190
#edaf79
#ed9c67
#ec8859
#eb7751
#e86a4d
#e75f4d
#e5564e
#e44f51
#e24951
#e1464f
#de4449
#da443b
#d34721
#bf5700
#a66500
#8e6d00
#767300
#5b7726
#47753e
#407247
#416c45
#47663d
#4f5e32
#575529
#5c4d24
#5f4524
#5f3f27
#5e3b2a

CSS

background: linear-gradient(45deg in oklch, oklch(92.13% 0.0372 90.00) 0.0%, oklch(90.05% 0.0479 85.23) 3.2%, oklch(87.16% 0.0629 78.47) 6.5%, oklch(83.71% 0.0807 70.39) 9.7%, oklch(79.96% 0.1001 61.69) 12.9%, oklch(76.18% 0.1195 53.03) 16.1%, oklch(72.62% 0.1375 45.11) 19.4%, oklch(69.54% 0.1526 38.60) 22.6%, oklch(67.21% 0.1636 34.09) 25.8%, oklch(65.48% 0.1722 30.16) 29.0%, oklch(64.17% 0.1795 26.48) 32.3%, oklch(63.17% 0.1851 23.49) 35.5%, oklch(62.36% 0.1890 21.64) 38.7%, oklch(61.63% 0.1909 21.40) 41.9%, oklch(60.88% 0.1907 23.23) 45.2%, oklch(59.98% 0.1882 27.57) 48.4%, oklch(58.88% 0.1829 35.38) 51.6%, oklch(57.72% 0.1545 49.15) 54.8%, oklch(56.54% 0.1247 67.34) 58.1%, oklch(55.35% 0.1132 87.76) 61.3%, oklch(54.14% 0.1169 108.19) 64.5%, oklch(52.89% 0.1120 126.42) 67.7%, oklch(51.63% 0.0977 140.29) 71.0%, oklch(50.33% 0.0863 147.58) 74.2%, oklch(48.95% 0.0783 146.51) 77.4%, oklch(47.40% 0.0723 138.01) 80.6%, oklch(45.76% 0.0677 124.16) 83.9%, oklch(44.10% 0.0643 107.00) 87.1%, oklch(42.51% 0.0617 88.61) 90.3%, oklch(41.08% 0.0598 71.05) 93.5%, oklch(39.87% 0.0582 56.38) 96.8%, oklch(38.98% 0.0565 46.67) 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