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

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

Gradient xuyên tâm, 32 màu: #07162f, #39449e, #ba55bd, #ff855f, #f3da7a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#07162f
#091a38
#0c2044
#102653
#162d64
#1d3375
#263984
#2f3f91
#39449e
#434aaa
#4f4fb5
#5d53bf
#6c56c7
#7e57cc
#9257cc
#a656c7
#ba55bd
#cc55b0
#db57a2
#e85c93
#f26385
#f96d76
#fd7869
#ff855f
#ff9158
#ff9d54
#fea954
#fcb558
#fac160
#f7cb69
#f5d473
#f3da7a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0537 259.45) 0.0%, oklch(22.34% 0.0620 260.31) 3.2%, oklch(24.93% 0.0738 261.37) 6.5%, oklch(28.00% 0.0876 262.68) 9.7%, oklch(31.30% 0.1021 264.27) 12.9%, oklch(34.59% 0.1159 266.18) 16.1%, oklch(37.63% 0.1276 268.46) 19.4%, oklch(40.38% 0.1368 270.91) 22.6%, oklch(43.12% 0.1450 273.25) 25.8%, oklch(45.83% 0.1522 275.82) 29.0%, oklch(48.47% 0.1587 278.99) 32.3%, oklch(51.01% 0.1643 283.11) 35.5%, oklch(53.41% 0.1691 288.54) 38.7%, oklch(55.64% 0.1733 295.68) 41.9%, oklch(57.69% 0.1770 304.70) 45.2%, oklch(59.59% 0.1800 315.05) 48.4%, oklch(61.41% 0.1820 326.17) 51.6%, oklch(63.20% 0.1830 337.48) 54.8%, oklch(65.02% 0.1827 348.42) 58.1%, oklch(66.91% 0.1809 358.53) 61.3%, oklch(68.82% 0.1771 8.56) 64.5%, oklch(70.75% 0.1715 18.60) 67.7%, oklch(72.67% 0.1651 28.47) 71.0%, oklch(74.58% 0.1579 38.00) 74.2%, oklch(76.47% 0.1508 47.02) 77.4%, oklch(78.33% 0.1464 55.36) 80.6%, oklch(80.30% 0.1413 63.47) 83.9%, oklch(82.37% 0.1360 71.36) 87.1%, oklch(84.40% 0.1310 78.75) 90.3%, oklch(86.26% 0.1265 85.34) 93.5%, oklch(87.83% 0.1227 90.84) 96.8%, oklch(88.98% 0.1199 94.95) 100.0%);

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

Gradient nhiều màu

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