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

Xanh hải quân, xanh dương và xanh dương nhạt (đơn sắc): bảng màu gồm 32 màu. #011339, #0073dd, #d2e8ff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#011339
#00163f
#001947
#001d4e
#002157
#002660
#002c6a
#003275
#003980
#00408c
#004797
#004ea3
#0056af
#005dbb
#0065c7
#006cd2
#0073dd
#007be9
#0083f5
#198cfc
#3196ff
#48a0ff
#5ba9ff
#6db3ff
#7ebbff
#8dc4ff
#9ccbff
#a9d3ff
#b6d9ff
#c1dfff
#cae4ff
#d2e8ff

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0799 260.16) 0.0%, oklch(21.35% 0.0852 259.96) 3.2%, oklch(22.88% 0.0923 259.79) 6.5%, oklch(24.64% 0.0986 259.64) 9.7%, oklch(26.60% 0.1047 259.31) 12.9%, oklch(28.73% 0.1111 258.95) 16.1%, oklch(31.01% 0.1179 258.58) 19.4%, oklch(33.42% 0.1248 258.20) 22.6%, oklch(35.93% 0.1319 257.81) 25.8%, oklch(38.50% 0.1390 257.41) 29.0%, oklch(41.12% 0.1460 257.00) 32.3%, oklch(43.76% 0.1529 256.60) 35.5%, oklch(46.39% 0.1596 256.20) 38.7%, oklch(48.98% 0.1660 255.81) 41.9%, oklch(51.50% 0.1722 255.43) 45.2%, oklch(53.94% 0.1780 255.06) 48.4%, oklch(56.30% 0.1836 254.72) 51.6%, oklch(58.78% 0.1893 254.35) 54.8%, oklch(61.38% 0.1952 253.98) 58.1%, oklch(64.07% 0.1917 253.58) 61.3%, oklch(66.82% 0.1802 253.18) 64.5%, oklch(69.61% 0.1636 252.78) 67.7%, oklch(72.39% 0.1473 252.38) 71.0%, oklch(75.13% 0.1315 251.99) 74.2%, oklch(77.82% 0.1164 251.61) 77.4%, oklch(80.40% 0.1020 251.25) 80.6%, oklch(82.86% 0.0885 250.90) 83.9%, oklch(85.16% 0.0761 250.57) 87.1%, oklch(87.26% 0.0649 250.27) 90.3%, oklch(89.15% 0.0550 250.00) 93.5%, oklch(90.78% 0.0465 249.77) 96.8%, oklch(92.13% 0.0395 249.58) 100.0%);

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

Gradient bản đồ nhiệt Gradient xanh dương đơn sắ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