Đen, xanh cổ vịt và xanh chanh (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #000a18, #003c47, #008274, #00c26e, #b3e22c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000a18
#000e1b
#001220
#001725
#001d2b
#002432
#002c39
#003440
#003c47
#00444d
#004c54
#005459
#005d5f
#006665
#006f6b
#007870
#008274
#008b78
#00957b
#009e7d
#00a77d
#00b07b
#00b876
#00c26e
#00cb5e
#42d057
#61d44f
#78d847
#8cdb3f
#9cde38
#a9e132
#b3e22c

CSS

background: linear-gradient(90deg in oklch, oklch(14.22% 0.0364 245.78) 0.0%, oklch(15.62% 0.0379 243.22) 3.2%, oklch(17.41% 0.0399 240.05) 6.5%, oklch(19.51% 0.0422 236.39) 9.7%, oklch(21.88% 0.0448 232.35) 12.9%, oklch(24.45% 0.0477 228.04) 16.1%, oklch(27.15% 0.0508 223.55) 19.4%, oklch(29.94% 0.0541 218.99) 22.6%, oklch(32.73% 0.0577 214.45) 25.8%, oklch(35.49% 0.0614 210.04) 29.0%, oklch(38.13% 0.0652 205.87) 32.3%, oklch(40.68% 0.0692 201.95) 35.5%, oklch(43.32% 0.0737 198.06) 38.7%, oklch(46.03% 0.0786 194.17) 41.9%, oklch(48.78% 0.0842 190.28) 45.2%, oklch(51.55% 0.0903 186.39) 48.4%, oklch(54.31% 0.0970 182.50) 51.6%, oklch(57.02% 0.1045 178.62) 54.8%, oklch(59.66% 0.1128 174.73) 58.1%, oklch(62.21% 0.1220 170.84) 61.3%, oklch(64.62% 0.1325 166.96) 64.5%, oklch(66.89% 0.1445 163.05) 67.7%, oklch(69.12% 0.1592 158.90) 71.0%, oklch(71.34% 0.1781 154.51) 74.2%, oklch(73.52% 0.2025 150.00) 77.4%, oklch(75.62% 0.2026 145.48) 80.6%, oklch(77.61% 0.2022 141.06) 83.9%, oklch(79.48% 0.2016 136.84) 87.1%, oklch(81.18% 0.2010 132.94) 90.3%, oklch(82.70% 0.2004 129.46) 93.5%, oklch(83.99% 0.2000 126.52) 96.8%, oklch(85.04% 0.1998 124.22) 100.0%);

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

Gradient Cyber Monday

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