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

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

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

#c8e2ef
#bfdeee
#b4daed
#a7d5ec
#98cfeb
#87c9ea
#75c1e8
#63b9e5
#50b1e2
#3ea8dd
#2d9ed7
#2094cf
#1787c4
#137ab6
#126ca6
#135e96
#135086
#134477
#123a6b
#113261
#102b5a
#112858
#13275a
#162860
#1c2a6a
#232e75
#2a3382
#333790
#3b3c9d
#4341a9
#4a44b3
#4f46b9

CSS

background: linear-gradient(180deg in oklch, oklch(89.76% 0.0331 229.22) 0.0%, oklch(88.42% 0.0392 229.57) 3.2%, oklch(86.75% 0.0477 229.91) 6.5%, oklch(84.81% 0.0581 230.29) 9.7%, oklch(82.63% 0.0696 230.72) 12.9%, oklch(80.24% 0.0817 231.24) 16.1%, oklch(77.67% 0.0937 231.87) 19.4%, oklch(74.96% 0.1050 232.64) 22.6%, oklch(72.15% 0.1150 233.58) 25.8%, oklch(69.26% 0.1230 234.73) 29.0%, oklch(66.33% 0.1284 236.10) 32.3%, oklch(63.25% 0.1306 237.76) 35.5%, oklch(59.59% 0.1296 239.76) 38.7%, oklch(55.50% 0.1261 242.04) 41.9%, oklch(51.17% 0.1208 244.55) 45.2%, oklch(46.76% 0.1144 247.20) 48.4%, oklch(42.46% 0.1076 249.95) 51.6%, oklch(38.45% 0.1011 252.72) 54.8%, oklch(34.91% 0.0955 255.44) 58.1%, oklch(32.02% 0.0917 258.05) 61.3%, oklch(29.96% 0.0902 260.49) 64.5%, oklch(28.91% 0.0918 262.70) 67.7%, oklch(28.94% 0.0964 264.88) 71.0%, oklch(29.90% 0.1033 267.08) 74.2%, oklch(31.59% 0.1119 269.25) 77.4%, oklch(33.81% 0.1218 271.37) 80.6%, oklch(36.37% 0.1323 273.40) 83.9%, oklch(39.06% 0.1429 275.31) 87.1%, oklch(41.69% 0.1531 277.06) 90.3%, oklch(44.06% 0.1622 278.61) 93.5%, oklch(45.98% 0.1697 279.94) 96.8%, oklch(47.24% 0.1750 281.00) 100.0%);

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

Xanh dương tông lạnh

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