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

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

Gradient xuyên tâm, 32 màu: #10152c, #2c4fc6, #f52c80, #ff78b0, #9aa6b6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#10152c
#121937
#142047
#14285b
#123171
#0b3b88
#07459f
#134cb4
#2c4fc6
#4a4ed4
#6c49db
#8c41d8
#ab38cb
#c62eb6
#dc279f
#eb268b
#f52c80
#fd377b
#ff4a7c
#ff5a82
#ff668b
#ff6f96
#ff75a2
#ff78b0
#f77fc0
#e788d0
#d292da
#bd9bdd
#aaa1d7
#9ea5cc
#9aa6c0
#9aa6b6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0469 272.11) 0.0%, oklch(22.69% 0.0586 270.77) 3.2%, oklch(25.74% 0.0751 268.19) 6.5%, oklch(29.38% 0.0947 265.08) 9.7%, oklch(33.36% 0.1160 262.13) 12.9%, oklch(37.44% 0.1375 260.07) 16.1%, oklch(41.39% 0.1578 259.59) 19.4%, oklch(44.96% 0.1754 261.41) 22.6%, oklch(47.93% 0.1891 266.28) 25.8%, oklch(50.50% 0.2005 275.33) 29.0%, oklch(52.85% 0.2107 287.83) 32.3%, oklch(55.01% 0.2194 302.48) 35.5%, oklch(57.01% 0.2266 317.95) 38.7%, oklch(58.90% 0.2320 332.96) 41.9%, oklch(60.72% 0.2356 346.18) 45.2%, oklch(62.50% 0.2371 356.32) 48.4%, oklch(64.28% 0.2364 2.49) 51.6%, oklch(66.11% 0.2334 6.50) 54.8%, oklch(67.92% 0.2176 8.78) 58.1%, oklch(69.65% 0.2010 9.39) 61.3%, oklch(71.26% 0.1877 8.38) 64.5%, oklch(72.66% 0.1780 5.79) 67.7%, oklch(73.82% 0.1726 1.70) 71.0%, oklch(74.65% 0.1729 356.14) 74.2%, oklch(75.08% 0.1635 348.35) 77.4%, oklch(75.09% 0.1446 336.89) 80.6%, oklch(74.76% 0.1230 322.88) 83.9%, oklch(74.22% 0.1003 307.54) 87.1%, oklch(73.56% 0.0778 292.10) 90.3%, oklch(72.91% 0.0572 277.77) 93.5%, oklch(72.37% 0.0400 265.77) 96.8%, oklch(72.05% 0.0276 257.31) 100.0%);

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

Sticker dán tủ đồ

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