Xanh cổ vịt, xanh lá, đen và xanh lá nhạt (gradient tuyến tính)

Xanh cổ vịt, xanh lá, đen và xanh lá nhạt: bảng màu gồm 32 màu. #2dced4, #609351, #0f4233, #004847, #94f684. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2dced4
#2bcac9
#2cc5bb
#33bfaa
#3eb897
#4ab084
#54a771
#5c9d60
#609351
#618946
#5e803e
#57783a
#4a6f38
#3b6438
#2b5937
#1c4d36
#0f4233
#073830
#04302d
#032c2c
#032b2d
#022f31
#00393a
#004847
#005b56
#007366
#028d73
#26a77d
#46c183
#65d785
#80e985
#94f684

CSS

background: linear-gradient(240deg in oklch, oklch(77.56% 0.1240 198.98) 0.0%, oklch(76.30% 0.1228 194.53) 3.2%, oklch(74.71% 0.1215 188.09) 6.5%, oklch(72.85% 0.1199 180.22) 9.7%, oklch(70.76% 0.1182 171.46) 12.9%, oklch(68.48% 0.1162 162.38) 16.1%, oklch(66.06% 0.1139 153.53) 19.4%, oklch(63.56% 0.1114 145.46) 22.6%, oklch(61.00% 0.1086 138.73) 25.8%, oklch(58.45% 0.1054 133.90) 29.0%, oklch(55.94% 0.1019 131.51) 32.3%, oklch(53.30% 0.0975 132.18) 35.5%, oklch(49.95% 0.0913 136.09) 38.7%, oklch(46.09% 0.0837 142.55) 41.9%, oklch(41.98% 0.0753 150.85) 45.2%, oklch(37.87% 0.0668 160.27) 48.4%, oklch(34.03% 0.0586 170.08) 51.6%, oklch(30.71% 0.0515 179.57) 54.8%, oklch(28.17% 0.0461 188.03) 58.1%, oklch(26.66% 0.0429 194.73) 61.3%, oklch(26.46% 0.0425 198.95) 64.5%, oklch(27.83% 0.0456 200.03) 67.7%, oklch(31.16% 0.0529 198.23) 71.0%, oklch(36.20% 0.0619 194.17) 74.2%, oklch(42.53% 0.0739 188.32) 77.4%, oklch(49.74% 0.0895 181.23) 80.6%, oklch(57.42% 0.1095 173.41) 83.9%, oklch(65.17% 0.1261 165.34) 87.1%, oklch(72.57% 0.1420 157.54) 90.3%, oklch(79.21% 0.1562 150.52) 93.5%, oklch(84.69% 0.1680 144.79) 96.8%, oklch(88.58% 0.1764 140.86) 100.0%);

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

Gradient xanh dương và 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