Đen, xanh dương, xám và xanh cổ vịt (tương đồng) (gradient tuyến tính)

Đen, xanh dương, xám và xanh cổ vịt (tương đồng): bảng màu gồm 64 màu. #031a18, #55789b, #cbd9c4, #447b84, #57afa8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031a18
#031d1b
#042120
#062526
#082a2d
#0b3035
#0f363e
#143c48
#1b4252
#22495c
#2a5066
#325671
#3a5d7b
#426484
#496b8c
#507194
#55789b
#5980a1
#5e88a6
#6391ab
#699baf
#70a4b2
#79adb4
#84b5b6
#8fbdb8
#9bc4b9
#a7cabb
#b2cfbd
#bbd3c0
#c3d6c2
#c8d8c4
#cbd9c5
#cbd9c4
#c9d7c2
#c4d3be
#bdceb9
#b4c8b3
#a9c0ad
#9db9a7
#91b0a0
#84a89b
#779f95
#6b9791
#60908c
#578989
#4f8387
#487e85
#447b84
#417a84
#3f7a85
#3e7b86
#3e7d88
#3e808b
#3f848e
#418991
#438d94
#459298
#48979b
#4b9c9e
#4ea1a1
#51a6a3
#53a9a5
#55ada7
#57afa8

CSS

background: linear-gradient(225deg in oklch, oklch(19.69% 0.0303 187.73) 0.0%, oklch(20.97% 0.0318 190.25) 1.6%, oklch(22.53% 0.0338 193.79) 3.2%, oklch(24.34% 0.0362 198.16) 4.8%, oklch(26.36% 0.0389 203.19) 6.3%, oklch(28.56% 0.0419 208.69) 7.9%, oklch(30.91% 0.0451 214.49) 9.5%, oklch(33.39% 0.0483 220.40) 11.1%, oklch(35.95% 0.0516 226.23) 12.7%, oklch(38.58% 0.0547 231.82) 14.3%, oklch(41.23% 0.0577 236.96) 15.9%, oklch(43.89% 0.0605 241.50) 17.5%, oklch(46.51% 0.0629 245.23) 19.0%, oklch(49.06% 0.0649 247.99) 20.6%, oklch(51.52% 0.0664 249.58) 22.2%, oklch(53.86% 0.0673 249.83) 23.8%, oklch(56.05% 0.0675 248.54) 25.4%, oklch(58.34% 0.0669 245.32) 27.0%, oklch(60.80% 0.0657 240.28) 28.6%, oklch(63.37% 0.0638 233.70) 30.2%, oklch(66.02% 0.0614 225.85) 31.7%, oklch(68.69% 0.0586 217.01) 33.3%, oklch(71.35% 0.0555 207.47) 34.9%, oklch(73.95% 0.0522 197.49) 36.5%, oklch(76.43% 0.0489 187.37) 38.1%, oklch(78.77% 0.0455 177.38) 39.7%, oklch(80.90% 0.0423 167.80) 41.3%, oklch(82.78% 0.0393 158.91) 42.9%, oklch(84.38% 0.0367 150.98) 44.4%, oklch(85.64% 0.0345 144.31) 46.0%, oklch(86.51% 0.0329 139.15) 47.6%, oklch(86.96% 0.0319 135.81) 49.2%, oklch(86.91% 0.0316 134.49) 50.8%, oklch(86.23% 0.0319 135.00) 52.4%, oklch(84.97% 0.0327 137.07) 54.0%, oklch(83.21% 0.0338 140.50) 55.6%, oklch(81.06% 0.0354 145.06) 57.1%, oklch(78.58% 0.0372 150.55) 58.7%, oklch(75.86% 0.0392 156.74) 60.3%, oklch(73.00% 0.0415 163.42) 61.9%, oklch(70.06% 0.0439 170.37) 63.5%, oklch(67.15% 0.0464 177.37) 65.1%, oklch(64.35% 0.0489 184.21) 66.7%, oklch(61.73% 0.0514 190.67) 68.3%, oklch(59.39% 0.0538 196.54) 69.8%, oklch(57.41% 0.0561 201.59) 71.4%, oklch(55.88% 0.0583 205.62) 73.0%, oklch(54.88% 0.0602 208.39) 74.6%, oklch(54.43% 0.0619 209.92) 76.2%, oklch(54.39% 0.0637 210.66) 77.8%, oklch(54.71% 0.0655 210.70) 79.4%, oklch(55.34% 0.0674 210.15) 81.0%, oklch(56.24% 0.0692 209.09) 82.5%, oklch(57.34% 0.0710 207.61) 84.1%, oklch(58.62% 0.0729 205.79) 85.7%, oklch(60.01% 0.0746 203.72) 87.3%, oklch(61.47% 0.0763 201.50) 88.9%, oklch(62.96% 0.0780 199.20) 90.5%, oklch(64.42% 0.0795 196.92) 92.1%, oklch(65.81% 0.0810 194.73) 93.7%, oklch(67.08% 0.0823 192.74) 95.2%, oklch(68.18% 0.0835 191.03) 96.8%, oklch(69.06% 0.0846 189.68) 98.4%, oklch(69.69% 0.0854 188.79) 100.0%);

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

Xanh ngọc lam

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