Xanh hải quân, xanh lá, cam và đỏ (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh lá, cam và đỏ

Gradient tuyến tính, 21 màu, góc 225°: #17383f, #4a7b3d, #bdc53a, #f5773a, #c53a3a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#17383f
#193c3d
#20423b
#294d3c
#36623f
#4a7b3d
#639038
#7aa638
#8fb939
#a7c336
#bdc53a
#d0c13d
#e0b634
#eea12f
#f48b37
#f5773a
#f56035
#ef4b34
#e23f39
#d13c3a
#c53a3a

CSS

background: linear-gradient(225deg in oklch, oklch(31.89% 0.0400 213.05) 0.0%, oklch(33.08% 0.0401 198.54) 5.0%, oklch(35.09% 0.0417 178.37) 10.0%, oklch(38.89% 0.0519 161.42) 15.0%, oklch(45.36% 0.0758 149.19) 20.0%, oklch(53.12% 0.1051 139.38) 25.0%, oklch(60.17% 0.1283 132.03) 30.0%, oklch(66.97% 0.1467 128.56) 35.0%, oklch(73.00% 0.1600 125.98) 40.0%, oklch(77.05% 0.1642 120.42) 45.0%, oklch(79.28% 0.1567 112.79) 50.0%, oklch(80.01% 0.1475 102.95) 55.0%, oklch(79.27% 0.1465 89.51) 60.0%, oklch(76.79% 0.1506 71.74) 65.0%, oklch(73.67% 0.1584 55.08) 70.0%, oklch(70.69% 0.1719 43.93) 75.0%, oklch(67.44% 0.1915 36.32) 80.0%, oklch(64.22% 0.2047 30.90) 85.0%, oklch(60.98% 0.2011 27.31) 90.0%, oklch(57.76% 0.1873 25.77) 95.0%, oklch(55.51% 0.1764 24.95) 100.0%);

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

Gradient mùa thu Gradient nhiệt đới

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