Xanh lá, nâu vàng và xanh dương (gradient tuyến tính)

Xanh lá, nâu vàng và xanh dương: bảng màu gồm 32 màu. #227528, #81af3f, #d3d37b, #86cea8, #25a5c4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#227528
#2b7a29
#35802c
#40882e
#4d9031
#5a9934
#67a137
#75a93b
#81af3f
#90b544
#a0ba49
#afbf50
#bdc459
#c9c962
#d1cd6c
#d4d074
#d3d37b
#ced582
#c5d789
#b9d78f
#acd696
#9fd49d
#92d1a3
#86cea8
#7acbac
#6cc7b1
#5dc1b5
#4cbbb9
#3db5bc
#31afc0
#28a9c2
#25a5c4

CSS

background: linear-gradient(90deg in oklch, oklch(49.61% 0.1378 144.14) 0.0%, oklch(51.21% 0.1391 143.01) 3.2%, oklch(53.40% 0.1413 141.56) 6.5%, oklch(55.99% 0.1440 139.83) 9.7%, oklch(58.86% 0.1466 137.88) 12.9%, oklch(61.83% 0.1490 135.74) 16.1%, oklch(64.75% 0.1505 133.48) 19.4%, oklch(67.47% 0.1509 131.13) 22.6%, oklch(69.86% 0.1497 128.70) 25.8%, oklch(72.24% 0.1468 125.34) 29.0%, oklch(74.69% 0.1426 121.14) 32.3%, oklch(77.10% 0.1373 116.62) 35.5%, oklch(79.37% 0.1315 112.35) 38.7%, oklch(81.39% 0.1256 108.86) 41.9%, oklch(83.05% 0.1200 106.71) 45.2%, oklch(84.25% 0.1151 106.42) 48.4%, oklch(84.89% 0.1111 108.52) 51.6%, oklch(84.99% 0.1071 112.90) 54.8%, oklch(84.65% 0.1032 119.10) 58.1%, oklch(83.95% 0.0995 126.61) 61.3%, oklch(82.98% 0.0963 134.97) 64.5%, oklch(81.85% 0.0937 143.69) 67.7%, oklch(80.63% 0.0918 152.28) 71.0%, oklch(79.42% 0.0910 160.26) 74.2%, oklch(78.17% 0.0914 167.79) 77.4%, oklch(76.59% 0.0934 175.97) 80.6%, oklch(74.80% 0.0964 184.52) 83.9%, oklch(72.92% 0.1001 193.03) 87.1%, oklch(71.07% 0.1040 201.13) 90.3%, oklch(69.38% 0.1078 208.44) 93.5%, oklch(67.96% 0.1109 214.58) 96.8%, oklch(66.93% 0.1130 219.17) 100.0%);

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

Hiên nhà hoa chanh

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