Xanh hải quân, tím, hồng và xanh cổ vịt (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím, hồng và xanh cổ vịt

Gradient xuyên tâm, 32 màu: #03081e, #701f72, #ef54c5, #13c9bd, #07213b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#03081e
#070b26
#0f0e31
#1a113e
#29144b
#391757
#4c1961
#5e1c6a
#701f72
#832178
#99247d
#b02780
#c52b83
#d83189
#e73a94
#f045a8
#ef54c5
#df6aef
#b990ff
#95aaff
#6bbcff
#00caf5
#00cdd6
#13c9bd
#2dbcab
#27a89d
#148f8f
#00747f
#00596d
#05415a
#072e48
#07213b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(14.57% 0.0482 266.48) 0.0%, oklch(16.53% 0.0565 271.51) 3.2%, oklch(19.12% 0.0677 278.52) 6.5%, oklch(22.20% 0.0810 286.88) 9.7%, oklch(25.64% 0.0957 295.97) 12.9%, oklch(29.30% 0.1109 305.15) 16.1%, oklch(33.04% 0.1258 313.78) 19.4%, oklch(36.72% 0.1396 321.23) 22.6%, oklch(40.24% 0.1517 326.99) 25.8%, oklch(43.97% 0.1643 333.09) 29.0%, oklch(47.98% 0.1778 339.75) 32.3%, oklch(52.09% 0.1912 346.07) 35.5%, oklch(56.16% 0.2036 351.13) 38.7%, oklch(60.02% 0.2139 354.02) 41.9%, oklch(63.51% 0.2212 353.82) 45.2%, oklch(66.48% 0.2247 349.62) 48.4%, oklch(68.89% 0.2231 340.04) 51.6%, oklch(71.29% 0.2162 322.61) 54.8%, oklch(73.60% 0.1599 299.33) 58.1%, oklch(75.57% 0.1250 272.82) 61.3%, oklch(76.98% 0.1254 245.71) 64.5%, oklch(77.59% 0.1419 220.62) 67.7%, oklch(77.15% 0.1312 200.17) 71.0%, oklch(75.45% 0.1296 186.97) 74.2%, oklch(71.98% 0.1187 182.81) 77.4%, oklch(66.32% 0.1079 185.90) 80.6%, oklch(59.12% 0.0974 194.32) 83.9%, oklch(51.08% 0.0874 206.20) 87.1%, oklch(42.90% 0.0779 219.68) 90.3%, oklch(35.25% 0.0700 232.79) 93.5%, oklch(28.86% 0.0632 243.75) 96.8%, oklch(24.41% 0.0579 250.63) 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