Xanh hải quân, xanh cổ vịt và xanh lá đậm (ba tông) (gradient tuyến tính)

Xanh hải quân, xanh cổ vịt và xanh lá đậm (ba tông): bảng màu gồm 32 màu. #051733, #005d55, #183921. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#051733
#061936
#071c3a
#081f40
#0a2345
#0a274a
#0a2b4f
#083053
#063656
#053c58
#074259
#09485a
#0b4d5b
#0a515b
#06565a
#005a58
#005d55
#005f51
#06604c
#0d6048
#105e43
#105b3f
#0e573c
#0b5338
#0a4f34
#0c4b31
#0f482e
#12442a
#144127
#163d24
#173b22
#183921

CSS

background: linear-gradient(270deg in oklch, oklch(20.87% 0.0606 258.75) 0.0%, oklch(21.71% 0.0625 258.44) 3.2%, oklch(22.85% 0.0653 258.33) 6.5%, oklch(24.21% 0.0686 258.07) 9.7%, oklch(25.72% 0.0717 257.34) 12.9%, oklch(27.28% 0.0743 255.79) 16.1%, oklch(28.83% 0.0757 253.11) 19.4%, oklch(30.40% 0.0754 249.01) 22.6%, oklch(32.14% 0.0736 243.61) 25.8%, oklch(33.95% 0.0709 237.27) 29.0%, oklch(35.75% 0.0680 230.33) 32.3%, oklch(37.42% 0.0657 223.14) 35.5%, oklch(38.87% 0.0647 216.05) 38.7%, oklch(40.07% 0.0655 209.07) 41.9%, oklch(41.18% 0.0682 201.34) 45.2%, oklch(42.17% 0.0720 193.24) 48.4%, oklch(42.97% 0.0756 185.26) 51.6%, oklch(43.52% 0.0801 177.95) 54.8%, oklch(43.74% 0.0831 171.83) 58.1%, oklch(43.58% 0.0844 167.37) 61.3%, oklch(42.92% 0.0845 164.61) 64.5%, oklch(41.88% 0.0839 163.09) 67.7%, oklch(40.59% 0.0826 162.35) 71.0%, oklch(39.22% 0.0809 161.93) 74.2%, oklch(37.91% 0.0789 161.35) 77.4%, oklch(36.80% 0.0767 160.18) 80.6%, oklch(35.73% 0.0739 158.55) 83.9%, oklch(34.61% 0.0705 156.79) 87.1%, oklch(33.53% 0.0667 155.01) 90.3%, oklch(32.54% 0.0631 153.36) 93.5%, oklch(31.71% 0.0600 151.97) 96.8%, oklch(31.10% 0.0579 150.96) 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