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

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

Gradient xuyên tâm, 32 màu: #030519, #082766, #026fcc, #4c5af4, #c927d4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#030519
#04071e
#050925
#050c2e
#061138
#071542
#071a4d
#082059
#082766
#092e74
#093682
#093f90
#09479e
#084faa
#065ab6
#0364c1
#026fcc
#0577d6
#0d7ddf
#197ee7
#247aed
#3072f1
#3e67f3
#4c5af4
#5a4df4
#6843f3
#7a3cf2
#8d36ef
#a031ea
#b12de2
#c02ada
#c927d4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(12.99% 0.0455 271.41) 0.0%, oklch(14.16% 0.0511 270.61) 3.2%, oklch(15.71% 0.0587 269.49) 6.5%, oklch(17.57% 0.0678 268.18) 9.7%, oklch(19.67% 0.0778 266.78) 12.9%, oklch(21.94% 0.0878 265.42) 16.1%, oklch(24.32% 0.0974 264.22) 19.4%, oklch(26.84% 0.1066 263.22) 22.6%, oklch(29.65% 0.1164 262.32) 25.8%, oklch(32.64% 0.1265 261.48) 29.0%, oklch(35.73% 0.1362 260.67) 32.3%, oklch(38.81% 0.1452 259.88) 35.5%, oklch(41.78% 0.1530 259.06) 38.7%, oklch(44.67% 0.1590 258.07) 41.9%, oklch(47.84% 0.1628 256.50) 45.2%, oklch(51.08% 0.1651 254.73) 48.4%, oklch(54.15% 0.1672 253.19) 51.6%, oklch(56.79% 0.1698 252.33) 54.8%, oklch(58.73% 0.1740 252.58) 58.1%, oklch(59.69% 0.1809 254.34) 61.3%, oklch(59.46% 0.1907 257.51) 64.5%, oklch(58.36% 0.2024 261.78) 67.7%, oklch(56.83% 0.2149 266.86) 71.0%, oklch(55.30% 0.2270 272.47) 74.2%, oklch(54.21% 0.2375 278.34) 77.4%, oklch(53.97% 0.2452 284.22) 80.6%, oklch(54.57% 0.2505 291.05) 83.9%, oklch(55.68% 0.2541 298.81) 87.1%, oklch(57.09% 0.2565 306.81) 90.3%, oklch(58.54% 0.2581 314.35) 93.5%, oklch(59.80% 0.2592 320.74) 96.8%, oklch(60.63% 0.2604 325.30) 100.0%);

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

Gradient cyberpunk

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