Tím đậm, xanh dương và xám (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #2d1a30, #103b69, #317fa9, #6db5c0, #aac8ae. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#2d1a30
#2d1b34
#2c1c3b
#291f43
#24234c
#1e2853
#172d5a
#123462
#103b69
#114272
#164a7b
#1b5284
#1f5b8d
#226494
#266c9b
#2b76a2
#317fa9
#3888ae
#3f91b3
#4799b7
#4fa1ba
#59a8bd
#63afbf
#6db5c0
#77bbc1
#7fbfc0
#87c3bd
#8fc5ba
#98c7b5
#9fc7b2
#a6c8af
#aac8ae

CSS

background: linear-gradient(45deg in oklch, oklch(25.20% 0.0482 322.73) 0.0%, oklch(25.71% 0.0525 315.82) 3.2%, oklch(26.32% 0.0586 305.86) 6.5%, oklch(27.08% 0.0658 294.22) 9.7%, oklch(28.04% 0.0733 282.25) 12.9%, oklch(29.25% 0.0802 271.31) 16.1%, oklch(30.76% 0.0859 262.75) 19.4%, oklch(32.65% 0.0901 257.30) 22.6%, oklch(34.93% 0.0937 253.91) 25.8%, oklch(37.50% 0.0966 251.90) 29.0%, oklch(40.25% 0.0990 250.62) 32.3%, oklch(43.05% 0.1007 249.43) 35.5%, oklch(45.79% 0.1017 247.66) 38.7%, oklch(48.44% 0.1021 244.95) 41.9%, oklch(51.16% 0.1016 242.05) 45.2%, oklch(53.93% 0.1005 239.03) 48.4%, oklch(56.69% 0.0988 235.86) 51.6%, oklch(59.38% 0.0966 232.48) 54.8%, oklch(61.94% 0.0940 228.87) 58.1%, oklch(64.33% 0.0911 225.01) 61.3%, oklch(66.66% 0.0874 221.12) 64.5%, oklch(68.93% 0.0830 217.11) 67.7%, oklch(71.08% 0.0783 212.83) 71.0%, oklch(73.05% 0.0736 208.12) 74.2%, oklch(74.79% 0.0692 202.81) 77.4%, oklch(76.25% 0.0654 196.73) 80.6%, oklch(77.41% 0.0619 189.00) 83.9%, oklch(78.31% 0.0584 179.96) 87.1%, oklch(79.00% 0.0552 170.48) 90.3%, oklch(79.53% 0.0524 161.46) 93.5%, oklch(79.95% 0.0500 153.79) 96.8%, oklch(80.31% 0.0482 148.37) 100.0%);

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

Đồng phục học sinh

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