Xám, xanh hải quân, xanh dương nhạt và xanh dương (gradient tuyến tính)

Xám, xanh hải quân, xanh dương nhạt và xanh dương: bảng màu gồm 32 màu. #f4ffff, #3d6b91, #2354b7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4ffff
#e2eeef
#c8d7d9
#aabbbf
#899da3
#697e88
#4b606e
#324657
#1e3144
#102137
#081830
#071631
#0a1c39
#122949
#1e3b5e
#2c5276
#3d6b91
#4d85ac
#5c9ec5
#68b3db
#70c2eb
#70c8f4
#6bc7f7
#61c1f6
#55b7f2
#48a9eb
#3c99e2
#3188d8
#2a78ce
#2568c4
#235cbc
#2354b7

CSS

background: linear-gradient(135deg in oklch, oklch(99.21% 0.0110 196.87) 0.0%, oklch(94.12% 0.0134 200.83) 3.2%, oklch(86.85% 0.0165 206.38) 6.5%, oklch(78.00% 0.0201 213.10) 9.7%, oklch(68.15% 0.0241 220.60) 12.9%, oklch(57.89% 0.0285 228.45) 16.1%, oklch(47.80% 0.0332 236.24) 19.4%, oklch(38.48% 0.0379 243.56) 22.6%, oklch(30.51% 0.0428 249.99) 25.8%, oklch(24.48% 0.0476 255.12) 29.0%, oklch(20.98% 0.0522 258.54) 32.3%, oklch(20.55% 0.0567 259.87) 35.5%, oklch(23.13% 0.0612 259.25) 38.7%, oklch(28.09% 0.0657 257.08) 41.9%, oklch(34.82% 0.0703 253.75) 45.2%, oklch(42.70% 0.0749 249.66) 48.4%, oklch(51.11% 0.0796 245.23) 51.6%, oklch(59.42% 0.0844 240.85) 54.8%, oklch(67.03% 0.0894 236.93) 58.1%, oklch(73.31% 0.0945 233.86) 61.3%, oklch(77.64% 0.0997 232.05) 64.5%, oklch(79.46% 0.1052 231.87) 67.7%, oklch(79.22% 0.1113 233.08) 71.0%, oklch(77.43% 0.1180 235.34) 74.2%, oklch(74.43% 0.1250 238.41) 77.4%, oklch(70.53% 0.1322 242.06) 80.6%, oklch(66.09% 0.1393 246.03) 83.9%, oklch(61.43% 0.1462 250.09) 87.1%, oklch(56.88% 0.1526 254.00) 90.3%, oklch(52.78% 0.1582 257.51) 93.5%, oklch(49.45% 0.1630 260.39) 96.8%, oklch(47.24% 0.1667 262.39) 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