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

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

Gradient xuyên tâm, 32 màu: #0f1727, #0868c4, #9b60fd, #ff6282, #ecf135. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f1727
#111c32
#142340
#172d52
#183767
#17437e
#145096
#0d5cad
#0868c4
#1071d9
#2377eb
#397af8
#4f7aff
#6578ff
#7773ff
#896aff
#9b60fd
#ac57f2
#bc50e3
#cb4ad3
#db45c1
#eb44ae
#fc4898
#ff6282
#ff7b73
#ff916a
#ffa565
#ffb761
#ffc757
#ffd62f
#f7e500
#ecf135

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0358 264.37) 0.0%, oklch(22.85% 0.0454 263.70) 3.2%, oklch(26.06% 0.0584 262.34) 6.5%, oklch(29.93% 0.0740 260.57) 9.7%, oklch(34.24% 0.0915 258.64) 12.9%, oklch(38.82% 0.1099 256.80) 16.1%, oklch(43.45% 0.1287 255.30) 19.4%, oklch(47.95% 0.1470 254.41) 22.6%, oklch(52.12% 0.1640 254.38) 25.8%, oklch(55.76% 0.1789 255.47) 29.0%, oklch(58.67% 0.1910 257.92) 32.3%, oklch(60.72% 0.2000 261.88) 35.5%, oklch(62.04% 0.2038 267.02) 38.7%, oklch(62.80% 0.2004 273.21) 41.9%, oklch(63.12% 0.2026 280.31) 45.2%, oklch(63.17% 0.2112 288.23) 48.4%, oklch(63.09% 0.2233 296.82) 51.6%, oklch(63.03% 0.2248 305.99) 54.8%, oklch(63.14% 0.2256 315.61) 58.1%, oklch(63.56% 0.2260 325.56) 61.3%, oklch(64.44% 0.2261 335.73) 64.5%, oklch(65.92% 0.2259 346.11) 67.7%, oklch(68.02% 0.2245 357.92) 71.0%, oklch(70.58% 0.1912 11.15) 74.2%, oklch(73.50% 0.1622 25.34) 77.4%, oklch(76.63% 0.1435 40.01) 80.6%, oklch(79.84% 0.1336 54.68) 83.9%, oklch(83.00% 0.1323 68.88) 87.1%, oklch(85.98% 0.1421 82.14) 90.3%, oklch(88.65% 0.1717 93.98) 93.5%, oklch(90.87% 0.1918 103.92) 96.8%, oklch(92.52% 0.1915 111.50) 100.0%);

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

Màu siêu thực

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