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

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

Gradient xuyên tâm, 32 màu: #020616, #0c1d5a, #2b3ca8, #6668d5, #d6d6ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020616
#02071a
#030921
#030c29
#040f32
#06123c
#071647
#0a1951
#0c1d5a
#0f2064
#12236e
#142778
#182a82
#1b2e8c
#203296
#25379f
#2b3ca8
#3241af
#3946b6
#414bbd
#4950c3
#5257c9
#5b5fcf
#6668d5
#7173dc
#7f81e2
#8f91e9
#a0a2ee
#b0b2f4
#bfc1f8
#cccdfc
#d6d6ff

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(12.60% 0.0386 264.38) 0.0%, oklch(13.66% 0.0444 264.54) 3.2%, oklch(15.07% 0.0523 264.74) 6.5%, oklch(16.75% 0.0616 264.99) 9.7%, oklch(18.62% 0.0719 265.27) 12.9%, oklch(20.60% 0.0827 265.57) 16.1%, oklch(22.62% 0.0934 265.90) 19.4%, oklch(24.59% 0.1034 266.23) 22.6%, oklch(26.43% 0.1124 266.57) 25.8%, oklch(28.24% 0.1214 266.87) 29.0%, oklch(30.04% 0.1307 267.14) 32.3%, oklch(31.87% 0.1400 267.42) 35.5%, oklch(33.72% 0.1488 267.74) 38.7%, oklch(35.61% 0.1568 268.13) 41.9%, oklch(37.54% 0.1636 268.63) 45.2%, oklch(39.53% 0.1689 269.27) 48.4%, oklch(41.56% 0.1725 270.10) 51.6%, oklch(43.52% 0.1751 271.16) 54.8%, oklch(45.45% 0.1768 272.41) 58.1%, oklch(47.42% 0.1774 273.76) 61.3%, oklch(49.49% 0.1766 275.16) 64.5%, oklch(51.75% 0.1743 276.53) 67.7%, oklch(54.27% 0.1703 277.81) 71.0%, oklch(57.11% 0.1644 278.92) 74.2%, oklch(60.47% 0.1557 279.87) 77.4%, oklch(64.58% 0.1429 280.75) 80.6%, oklch(69.16% 0.1274 281.57) 83.9%, oklch(73.91% 0.1105 282.32) 87.1%, oklch(78.57% 0.0935 282.99) 90.3%, oklch(82.82% 0.0777 283.57) 93.5%, oklch(86.39% 0.0644 284.06) 96.8%, oklch(88.98% 0.0551 284.45) 100.0%);

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

Gradient Galaxy Z Fold8

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