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

Xanh lá, vàng, tím và xanh hải quân: bảng màu gồm 32 màu. #abd580, #e0cc40, #c37e5c, #6c387d, #161f31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 8 keyframe OKLCH chỉnh sửa được.

#abd580
#b1d67d
#b9d978
#c3db72
#ccdb6b
#d3da62
#d8d657
#ddd24b
#e0cc40
#e2c537
#e1be34
#ddb634
#d9ad36
#d5a23a
#d29642
#cc894f
#c37e5c
#b77365
#ac696a
#a25d6f
#985276
#8a487e
#7a4081
#6c387d
#603173
#542967
#49245d
#3d2155
#2f214d
#222143
#1a2039
#161f31

CSS

background: linear-gradient(45deg in oklch, oklch(82.28% 0.1199 130.08) 0.0%, oklch(82.98% 0.1233 127.59) 3.2%, oklch(84.02% 0.1282 124.05) 6.5%, oklch(85.05% 0.1337 119.98) 9.7%, oklch(85.73% 0.1387 115.87) 12.9%, oklch(85.79% 0.1429 112.10) 16.1%, oklch(85.44% 0.1475 108.35) 19.4%, oklch(84.76% 0.1516 104.54) 22.6%, oklch(83.76% 0.1542 100.67) 25.8%, oklch(82.48% 0.1541 96.77) 29.0%, oklch(80.87% 0.1511 93.72) 32.3%, oklch(78.94% 0.1459 91.06) 35.5%, oklch(76.74% 0.1392 87.46) 38.7%, oklch(74.34% 0.1317 81.62) 41.9%, oklch(71.71% 0.1228 72.40) 45.2%, oklch(68.77% 0.1108 60.25) 48.4%, oklch(65.65% 0.0986 46.40) 51.6%, oklch(62.46% 0.0895 32.10) 54.8%, oklch(59.36% 0.0870 18.40) 58.1%, oklch(56.28% 0.0929 3.61) 61.3%, oklch(53.17% 0.1037 348.33) 64.5%, oklch(50.05% 0.1146 334.30) 67.7%, oklch(46.91% 0.1210 323.28) 71.0%, oklch(43.65% 0.1209 317.10) 74.2%, oklch(40.24% 0.1174 315.05) 77.4%, oklch(36.89% 0.1112 314.36) 80.6%, oklch(33.83% 0.1031 312.27) 83.9%, oklch(31.22% 0.0932 306.08) 87.1%, oklch(28.89% 0.0789 295.54) 90.3%, oklch(26.86% 0.0625 283.20) 93.5%, oklch(25.21% 0.0475 271.77) 96.8%, oklch(24.02% 0.0372 263.93) 100.0%);

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

Gradient nhiều màu xanh lá

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