Đen, tím đậm và xanh hải quân (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #140e20, #441b31, #4c2c5e, #213360, #0d162e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#140e20
#170f22
#1b1025
#211228
#28142b
#2f162d
#36172f
#3e1930
#441b31
#4a1d33
#4f1f35
#512039
#53223e
#542445
#53264e
#502956
#4c2c5e
#463064
#3f3369
#37356b
#31366b
#2b3669
#263565
#213360
#1d2f59
#1a2b52
#17274a
#142243
#121e3c
#101b36
#0e1831
#0d162e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0372 298.13) 0.0%, oklch(18.94% 0.0397 301.85) 3.2%, oklch(20.06% 0.0431 307.35) 6.5%, oklch(21.41% 0.0471 314.11) 9.7%, oklch(22.91% 0.0516 321.61) 12.9%, oklch(24.51% 0.0564 329.35) 16.1%, oklch(26.13% 0.0612 336.79) 19.4%, oklch(27.72% 0.0660 343.42) 22.6%, oklch(29.20% 0.0704 348.74) 25.8%, oklch(30.51% 0.0744 352.21) 29.0%, oklch(31.59% 0.0776 353.32) 32.3%, oklch(32.44% 0.0802 351.57) 35.5%, oklch(33.24% 0.0826 346.99) 38.7%, oklch(33.99% 0.0848 340.13) 41.9%, oklch(34.65% 0.0868 331.56) 45.2%, oklch(35.22% 0.0884 321.85) 48.4%, oklch(35.66% 0.0897 311.57) 51.6%, oklch(35.96% 0.0907 301.29) 54.8%, oklch(36.09% 0.0911 291.58) 58.1%, oklch(36.02% 0.0910 283.00) 61.3%, oklch(35.75% 0.0904 276.12) 64.5%, oklch(35.22% 0.0890 271.44) 67.7%, oklch(34.30% 0.0866 268.28) 71.0%, oklch(33.01% 0.0832 266.20) 74.2%, oklch(31.45% 0.0790 265.02) 77.4%, oklch(29.70% 0.0744 264.55) 80.6%, oklch(27.87% 0.0694 264.61) 83.9%, oklch(26.03% 0.0645 265.02) 87.1%, oklch(24.28% 0.0598 265.59) 90.3%, oklch(22.71% 0.0556 266.13) 93.5%, oklch(21.41% 0.0521 266.47) 96.8%, oklch(20.47% 0.0496 266.42) 100.0%);

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

Gradient nhiều màu tông tối

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