Xanh hải quân, xanh dương, tím và cam (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương, tím và cam

Gradient xuyên tâm, 32 màu: #16152a, #324487, #7140aa, #b83376, #ed7b2d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#16152a
#191830
#1c1c39
#202244
#242850
#282f5d
#2b366b
#2e3e79
#324487
#364a93
#3b4e9d
#4250a5
#4a4faa
#534dae
#5d4aaf
#6745ae
#7140aa
#7b3aa5
#85359e
#8e3196
#982e8e
#a22e87
#ad2f7f
#b83376
#c4396c
#ce4262
#d74c58
#de574e
#e46244
#e86c3b
#eb7534
#ed7b2d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0413 284.77) 0.0%, oklch(22.37% 0.0467 283.64) 3.2%, oklch(24.41% 0.0539 281.77) 6.5%, oklch(26.85% 0.0624 279.41) 9.7%, oklch(29.59% 0.0720 276.81) 12.9%, oklch(32.48% 0.0821 274.21) 16.1%, oklch(35.42% 0.0926 271.89) 19.4%, oklch(38.28% 0.1030 270.08) 22.6%, oklch(40.94% 0.1129 269.04) 25.8%, oklch(43.27% 0.1220 269.02) 29.0%, oklch(45.16% 0.1300 270.28) 32.3%, oklch(46.51% 0.1367 273.00) 35.5%, oklch(47.41% 0.1430 277.01) 38.7%, oklch(47.95% 0.1490 282.10) 41.9%, oklch(48.22% 0.1547 288.08) 45.2%, oklch(48.33% 0.1599 294.76) 48.4%, oklch(48.37% 0.1647 301.95) 51.6%, oklch(48.43% 0.1689 309.45) 54.8%, oklch(48.61% 0.1725 317.08) 58.1%, oklch(49.00% 0.1756 324.63) 61.3%, oklch(49.71% 0.1779 331.93) 64.5%, oklch(50.81% 0.1796 338.84) 67.7%, oklch(52.34% 0.1801 346.21) 71.0%, oklch(54.21% 0.1796 354.14) 74.2%, oklch(56.33% 0.1783 2.39) 77.4%, oklch(58.60% 0.1764 10.75) 80.6%, oklch(60.92% 0.1741 18.98) 83.9%, oklch(63.20% 0.1716 26.87) 87.1%, oklch(65.36% 0.1691 34.20) 90.3%, oklch(67.28% 0.1669 40.73) 93.5%, oklch(68.89% 0.1651 46.24) 96.8%, oklch(70.08% 0.1640 50.52) 100.0%);

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

Gradient Día de Muertos

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