Xanh dương nhạt, xanh lá đậm, xanh cổ vịt và xanh lá (gradient tuyến tính)

Xanh dương nhạt, xanh lá đậm, xanh cổ vịt và xanh lá: bảng màu gồm 32 màu. #7abffc, #127182, #a4eefd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7abffc
#5fb5e5
#3ba5c1
#189095
#117868
#1e5f40
#244920
#24380a
#213102
#1d3006
#173613
#0c3e25
#00493a
#005350
#025e66
#116877
#127182
#007c8a
#00878b
#009388
#00a080
#22ac71
#4bb464
#60bc61
#67c56c
#65cf84
#61d8a0
#64e0bd
#71e5d6
#84e9e9
#97ecf6
#a4eefd

CSS

background: linear-gradient(30deg in oklch, oklch(78.35% 0.1116 246.09) 0.0%, oklch(73.90% 0.1081 235.03) 3.2%, oklch(67.43% 0.1029 218.64) 6.5%, oklch(59.69% 0.0968 199.04) 9.7%, oklch(51.45% 0.0902 178.33) 12.9%, oklch(43.48% 0.0838 158.61) 16.1%, oklch(36.53% 0.0781 141.99) 19.4%, oklch(31.37% 0.0737 130.57) 22.6%, oklch(28.73% 0.0712 126.46) 25.8%, oklch(28.41% 0.0697 130.81) 29.0%, oklch(29.80% 0.0689 141.74) 32.3%, oklch(32.49% 0.0689 156.91) 35.5%, oklch(36.06% 0.0686 173.93) 38.7%, oklch(40.07% 0.0691 190.53) 41.9%, oklch(44.08% 0.0746 204.26) 45.2%, oklch(47.69% 0.0788 212.80) 48.4%, oklch(50.63% 0.0846 214.03) 51.6%, oklch(53.59% 0.0923 208.57) 54.8%, oklch(56.66% 0.0963 198.37) 58.1%, oklch(59.78% 0.1051 185.38) 61.3%, oklch(62.90% 0.1226 171.51) 64.5%, oklch(65.98% 0.1435 158.69) 67.7%, oklch(68.95% 0.1518 148.82) 71.0%, oklch(71.77% 0.1556 143.85) 74.2%, oklch(74.47% 0.1537 145.02) 77.4%, oklch(77.23% 0.1465 151.02) 80.6%, oklch(79.98% 0.1355 160.45) 83.9%, oklch(82.63% 0.1222 171.99) 87.1%, oklch(85.09% 0.1080 184.28) 90.3%, oklch(87.29% 0.0945 195.98) 93.5%, oklch(89.14% 0.0833 205.76) 96.8%, oklch(90.55% 0.0758 212.28) 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