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, #75237e, #f22e8b, #c280de, #9aa6b6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#10152c
#141834
#1b1b3d
#241d49
#2f2055
#3d2261
#4e236d
#612476
#75237e
#8a2182
#9f1f84
#b31c84
#c61983
#d61982
#e31d82
#ed2485
#f22e8b
#f43a96
#f346a3
#ee53b2
#e65fc1
#dc6bce
#cf76d8
#c280de
#b58ae0
#a992de
#9f98d9
#999dd2
#96a1ca
#95a3c2
#97a5bb
#9aa6b6

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0469 272.11) 0.0%, oklch(22.10% 0.0545 275.62) 3.2%, oklch(24.16% 0.0650 280.42) 6.5%, oklch(26.59% 0.0777 286.28) 9.7%, oklch(29.35% 0.0923 292.99) 12.9%, oklch(32.35% 0.1082 300.32) 16.1%, oklch(35.54% 0.1250 308.04) 19.4%, oklch(38.85% 0.1422 315.94) 22.6%, oklch(42.24% 0.1593 323.79) 25.8%, oklch(45.62% 0.1758 331.37) 29.0%, oklch(48.94% 0.1913 338.46) 32.3%, oklch(52.15% 0.2053 344.84) 35.5%, oklch(55.17% 0.2174 350.29) 38.7%, oklch(57.94% 0.2269 354.57) 41.9%, oklch(60.40% 0.2336 357.48) 45.2%, oklch(62.50% 0.2368 358.78) 48.4%, oklch(64.19% 0.2362 358.26) 51.6%, oklch(65.61% 0.2316 355.88) 54.8%, oklch(66.82% 0.2236 351.84) 58.1%, oklch(67.83% 0.2126 346.39) 61.3%, oklch(68.66% 0.1992 339.77) 64.5%, oklch(69.34% 0.1837 332.20) 67.7%, oklch(69.88% 0.1667 323.92) 71.0%, oklch(70.31% 0.1488 315.16) 74.2%, oklch(70.64% 0.1303 306.17) 77.4%, oklch(70.90% 0.1118 297.17) 80.6%, oklch(71.10% 0.0937 288.40) 83.9%, oklch(71.27% 0.0766 280.10) 87.1%, oklch(71.43% 0.0610 272.50) 90.3%, oklch(71.60% 0.0472 265.84) 93.5%, oklch(71.80% 0.0359 260.35) 96.8%, oklch(72.05% 0.0276 256.26) 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