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

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

Gradient xuyên tâm, 32 màu: #111c30, #274283, #5f51c4, #a55ed4, #e68eca. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#111c30
#121f36
#14233e
#162747
#192c52
#1c325d
#1f376a
#223d76
#274283
#2c478e
#314a99
#374da1
#3e4faa
#4651b2
#4e51b9
#5651bf
#5f51c4
#6851c9
#7251cc
#7b52cf
#8553d2
#8f56d3
#9a59d4
#a55ed4
#b064d3
#bb6ad1
#c571d0
#ce78ce
#d67ecc
#dd84cb
#e28acb
#e68eca

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0427 261.56) 0.0%, oklch(24.09% 0.0481 261.81) 3.2%, oklch(25.74% 0.0552 261.99) 6.5%, oklch(27.70% 0.0636 262.15) 9.7%, oklch(29.90% 0.0730 262.34) 12.9%, oklch(32.25% 0.0831 262.63) 16.1%, oklch(34.68% 0.0935 263.05) 19.4%, oklch(37.10% 0.1039 263.68) 22.6%, oklch(39.43% 0.1138 264.56) 25.8%, oklch(41.60% 0.1231 265.75) 29.0%, oklch(43.52% 0.1312 267.30) 32.3%, oklch(45.16% 0.1384 269.26) 35.5%, oklch(46.60% 0.1456 271.62) 38.7%, oklch(47.90% 0.1529 274.32) 41.9%, oklch(49.09% 0.1600 277.32) 45.2%, oklch(50.22% 0.1666 280.55) 48.4%, oklch(51.31% 0.1727 283.96) 51.6%, oklch(52.41% 0.1780 287.50) 54.8%, oklch(53.55% 0.1823 291.11) 58.1%, oklch(54.77% 0.1854 294.73) 61.3%, oklch(56.11% 0.1871 298.32) 64.5%, oklch(57.61% 0.1872 301.85) 67.7%, oklch(59.34% 0.1851 305.68) 71.0%, oklch(61.26% 0.1810 309.83) 74.2%, oklch(63.30% 0.1753 314.18) 77.4%, oklch(65.40% 0.1686 318.61) 80.6%, oklch(67.50% 0.1613 322.98) 83.9%, oklch(69.52% 0.1537 327.18) 87.1%, oklch(71.41% 0.1465 331.08) 90.3%, oklch(73.09% 0.1399 334.56) 93.5%, oklch(74.51% 0.1346 337.49) 96.8%, oklch(75.59% 0.1309 339.76) 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