Xanh hải quân, tím, hồng và xanh dương (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #161026, #54236a, #ac317d, #b869d2, #57ceb5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#161026
#1a122b
#1f1432
#25163b
#2d1944
#351c4e
#3f1e57
#492161
#54236a
#5f2572
#692879
#732a7e
#7d2c81
#892d82
#952e81
#a12f7f
#ac317d
#b5357c
#bd397e
#c43f84
#c8468f
#c94ea0
#c45ab8
#b869d2
#a57aea
#898df8
#67a0fb
#3fb0f3
#19bde3
#21c6d1
#40cbc0
#57ceb5

CSS

background: linear-gradient(135deg in oklch, oklch(19.29% 0.0441 294.61) 0.0%, oklch(20.57% 0.0501 296.06) 3.2%, oklch(22.21% 0.0582 297.92) 6.5%, oklch(24.16% 0.0679 300.12) 9.7%, oklch(26.35% 0.0787 302.58) 12.9%, oklch(28.70% 0.0902 305.25) 16.1%, oklch(31.16% 0.1019 308.04) 19.4%, oklch(33.65% 0.1135 310.90) 22.6%, oklch(36.11% 0.1244 313.74) 25.8%, oklch(38.47% 0.1341 316.52) 29.0%, oklch(40.66% 0.1424 319.14) 32.3%, oklch(42.67% 0.1490 321.98) 35.5%, oklch(44.63% 0.1553 326.17) 38.7%, oklch(46.57% 0.1611 331.29) 41.9%, oklch(48.48% 0.1664 336.83) 45.2%, oklch(50.37% 0.1710 342.24) 48.4%, oklch(52.23% 0.1750 347.01) 51.6%, oklch(54.07% 0.1781 350.62) 54.8%, oklch(55.89% 0.1802 352.52) 58.1%, oklch(57.68% 0.1813 352.21) 61.3%, oklch(59.46% 0.1812 349.16) 64.5%, oklch(61.22% 0.1799 342.75) 67.7%, oklch(63.05% 0.1764 331.90) 71.0%, oklch(64.95% 0.1709 317.16) 74.2%, oklch(66.86% 0.1640 299.52) 77.4%, oklch(68.76% 0.1561 279.96) 80.6%, oklch(70.60% 0.1476 259.47) 83.9%, oklch(72.35% 0.1390 239.02) 87.1%, oklch(73.95% 0.1307 219.59) 90.3%, oklch(75.38% 0.1234 202.18) 93.5%, oklch(76.60% 0.1173 187.76) 96.8%, oklch(77.56% 0.1130 177.31) 100.0%);

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

Gradient cực quang

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