Xanh dương sang xanh hải quân (đơn sắc) tông rực rỡ (gradient xuyên tâm)

Xanh dương sang xanh hải quân (đơn sắc) tông rực rỡ: bảng màu gồm 64 màu. #6896fd, #2c35c5, #02155e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 6 keyframe OKLCH chỉnh sửa được.

#6896fd
#6594fb
#6092f9
#5b8ef6
#558bf2
#4e87ee
#4683ea
#3e7ee6
#367ae2
#2e76df
#2572dc
#1d6eda
#166bd9
#1067d9
#0e64db
#1161de
#175de3
#1e59e8
#2655ed
#2e50f2
#354bf7
#3c46fc
#4241ff
#463eff
#493aff
#4936ff
#4833fd
#4632f7
#4232ef
#3d32e5
#3833db
#3234d0
#2c35c5
#2637bb
#2138b1
#1c3aa9
#183da3
#14419f
#12459e
#0f4ca0
#0e55a5
#0e60ad
#106cb6
#147ac0
#1a87ca
#2195d4
#28a1dd
#2face5
#34b4eb
#38baee
#3abbef
#38b9ec
#34b2e6
#2ca7dd
#2399d2
#188ac5
#0a79b7
#0068a8
#005797
#004688
#003779
#002a6e
#001d66
#02155e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.1598 264.37) 0.0%, oklch(68.18% 0.1610 264.02) 1.6%, oklch(67.23% 0.1622 263.48) 3.2%, oklch(66.11% 0.1635 262.80) 4.8%, oklch(64.83% 0.1649 262.03) 6.3%, oklch(63.46% 0.1664 261.21) 7.9%, oklch(62.03% 0.1682 260.39) 9.5%, oklch(60.57% 0.1703 259.61) 11.1%, oklch(59.13% 0.1726 258.91) 12.7%, oklch(57.76% 0.1753 258.34) 14.3%, oklch(56.48% 0.1785 257.94) 15.9%, oklch(55.35% 0.1820 257.76) 17.5%, oklch(54.40% 0.1861 257.84) 19.0%, oklch(53.67% 0.1908 258.24) 20.6%, oklch(53.13% 0.1971 259.06) 22.2%, oklch(52.75% 0.2050 260.25) 23.8%, oklch(52.50% 0.2139 261.74) 25.4%, oklch(52.35% 0.2235 263.44) 27.0%, oklch(52.27% 0.2334 265.26) 28.6%, oklch(52.24% 0.2432 267.14) 30.2%, oklch(52.21% 0.2525 268.98) 31.7%, oklch(52.17% 0.2609 270.72) 33.3%, oklch(52.09% 0.2679 272.25) 34.9%, oklch(51.93% 0.2699 273.52) 36.5%, oklch(51.67% 0.2722 274.43) 38.1%, oklch(51.28% 0.2751 274.91) 39.7%, oklch(50.67% 0.2749 274.96) 41.3%, oklch(49.77% 0.2698 274.75) 42.9%, oklch(48.65% 0.2622 274.29) 44.4%, oklch(47.37% 0.2527 273.62) 46.0%, oklch(46.02% 0.2417 272.75) 47.6%, oklch(44.67% 0.2297 271.70) 49.2%, oklch(43.40% 0.2170 270.48) 50.8%, oklch(42.27% 0.2043 269.13) 52.4%, oklch(41.38% 0.1918 267.64) 54.0%, oklch(40.78% 0.1802 266.05) 55.6%, oklch(40.55% 0.1698 264.38) 57.1%, oklch(40.78% 0.1611 262.64) 58.7%, oklch(41.54% 0.1546 260.83) 60.3%, oklch(43.15% 0.1495 258.61) 61.9%, oklch(45.60% 0.1453 255.90) 63.5%, oklch(48.69% 0.1420 252.82) 65.1%, oklch(52.25% 0.1394 249.50) 66.7%, oklch(56.07% 0.1374 246.07) 68.3%, oklch(59.97% 0.1359 242.65) 69.8%, oklch(63.77% 0.1347 239.37) 71.4%, oklch(67.27% 0.1339 236.36) 73.0%, oklch(70.29% 0.1333 233.75) 74.6%, oklch(72.64% 0.1327 231.65) 76.2%, oklch(74.13% 0.1320 230.20) 77.8%, oklch(74.57% 0.1313 229.53) 79.4%, oklch(73.78% 0.1304 229.76) 81.0%, oklch(71.76% 0.1297 230.95) 82.5%, oklch(68.71% 0.1293 232.96) 84.1%, oklch(64.82% 0.1291 235.63) 85.7%, oklch(60.28% 0.1291 238.81) 87.3%, oklch(55.31% 0.1292 242.35) 88.9%, oklch(50.10% 0.1292 246.12) 90.5%, oklch(44.84% 0.1267 249.93) 92.1%, oklch(39.73% 0.1250 253.64) 93.7%, oklch(34.98% 0.1247 257.11) 95.2%, oklch(30.78% 0.1268 260.18) 96.8%, oklch(27.31% 0.1308 262.59) 98.4%, oklch(24.80% 0.1309 264.38) 100.0%);

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

Gradient xanh dương rự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