Xanh hải quân, xanh dương và xanh dương nhạt (đơn sắc) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương và xanh dương nhạt (đơn sắc)

Gradient xuyên tâm, 24 màu: #0f172a, #203cb5, #0093ea, #69ccfc, #e1f2fe. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f172a
#111c38
#12214b
#152763
#192d7e
#1d349a
#203cb5
#2146cc
#1c52dd
#0861e9
#0073e8
#0084e7
#0093ea
#00a1ee
#00aef5
#2db9f7
#4cc3f9
#69ccfc
#84d4fd
#9ddcff
#b3e3ff
#c6e9ff
#d5eeff
#e1f2fe

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0400 265.78) 0.0%, oklch(23.15% 0.0563 265.92) 4.3%, oklch(26.21% 0.0801 266.35) 8.7%, oklch(29.85% 0.1086 266.87) 13.0%, oklch(33.88% 0.1388 267.29) 17.4%, oklch(38.11% 0.1678 267.40) 21.7%, oklch(42.33% 0.1928 267.01) 26.1%, oklch(46.35% 0.2109 265.93) 30.4%, oklch(50.00% 0.2194 263.92) 34.8%, oklch(53.58% 0.2197 260.58) 39.1%, oklch(57.17% 0.1966 256.19) 43.5%, oklch(60.74% 0.1774 251.16) 47.8%, oklch(64.25% 0.1651 245.96) 52.2%, oklch(67.69% 0.1578 241.02) 56.5%, oklch(71.00% 0.1546 236.80) 60.9%, oklch(74.18% 0.1435 233.71) 65.2%, oklch(77.24% 0.1301 232.10) 69.6%, oklch(80.35% 0.1146 231.63) 73.9%, oklch(83.44% 0.0975 232.00) 78.3%, oklch(86.41% 0.0800 232.96) 82.6%, oklch(89.17% 0.0626 234.22) 87.0%, oklch(91.63% 0.0473 235.53) 91.3%, oklch(93.69% 0.0343 236.64) 95.7%, oklch(95.28% 0.0248 237.25) 100.0%);

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

Gradient cho hero section

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