Đen, xanh hải quân và trắng (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 225°: #000419, #0a1942, #164f7c, #82ac98, #faf8f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

3 keyframe OKLCH chỉnh sửa được.

#000419
#00041a
#00051c
#00061e
#000720
#010822
#010924
#010a26
#020c29
#020d2c
#030e2f
#041031
#051235
#061338
#07153b
#08173e
#0a1942
#0c1b45
#0d1e49
#0f204d
#112351
#122554
#142858
#152b5c
#162f60
#173264
#173668
#18396b
#183d6f
#184273
#174676
#174b79
#164f7c
#15557f
#145a82
#156084
#176686
#1b6d88
#21738a
#297a8b
#32818d
#3c878e
#478e8f
#529490
#5e9a91
#6aa093
#76a695
#82ac98
#8eb19b
#9ab79f
#a5bca4
#b0c1aa
#bac7b0
#c3ccb6
#ccd1bd
#d4d6c4
#dbdbcb
#e1e0d2
#e7e4d9
#ece9e0
#f0ede6
#f4f1ec
#f7f5f1
#faf8f5

CSS

background: linear-gradient(225deg in oklch, oklch(11.83% 0.0522 261.32) 0.0%, oklch(12.30% 0.0531 260.97) 1.6%, oklch(12.80% 0.0541 260.70) 3.2%, oklch(13.34% 0.0553 260.79) 4.8%, oklch(13.90% 0.0567 260.97) 6.3%, oklch(14.50% 0.0582 261.23) 7.9%, oklch(15.13% 0.0598 261.55) 9.5%, oklch(15.79% 0.0616 261.92) 11.1%, oklch(16.48% 0.0634 262.32) 12.7%, oklch(17.20% 0.0654 262.75) 14.3%, oklch(17.94% 0.0674 263.19) 15.9%, oklch(18.72% 0.0694 263.62) 17.5%, oklch(19.53% 0.0715 264.03) 19.0%, oklch(20.36% 0.0736 264.40) 20.6%, oklch(21.23% 0.0758 264.73) 22.2%, oklch(22.12% 0.0779 265.00) 23.8%, oklch(23.04% 0.0799 265.19) 25.4%, oklch(23.99% 0.0819 265.30) 27.0%, oklch(24.97% 0.0839 265.30) 28.6%, oklch(25.98% 0.0857 265.18) 30.2%, oklch(27.02% 0.0875 264.93) 31.7%, oklch(28.08% 0.0892 264.54) 33.3%, oklch(29.18% 0.0907 263.99) 34.9%, oklch(30.30% 0.0920 263.26) 36.5%, oklch(31.45% 0.0932 262.35) 38.1%, oklch(32.62% 0.0942 261.24) 39.7%, oklch(33.83% 0.0950 259.92) 41.3%, oklch(35.06% 0.0956 258.36) 42.9%, oklch(36.32% 0.0960 256.57) 44.4%, oklch(37.61% 0.0961 254.52) 46.0%, oklch(38.92% 0.0959 252.20) 47.6%, oklch(40.26% 0.0954 249.59) 49.2%, oklch(41.64% 0.0947 246.67) 50.8%, oklch(43.12% 0.0935 243.29) 52.4%, oklch(44.70% 0.0921 239.48) 54.0%, oklch(46.37% 0.0903 235.25) 55.6%, oklch(48.13% 0.0883 230.65) 57.1%, oklch(49.97% 0.0860 225.70) 58.7%, oklch(51.87% 0.0835 220.43) 60.3%, oklch(53.84% 0.0807 214.88) 61.9%, oklch(55.86% 0.0777 209.07) 63.5%, oklch(57.92% 0.0746 203.04) 65.1%, oklch(60.02% 0.0713 196.83) 66.7%, oklch(62.14% 0.0679 190.45) 68.3%, oklch(64.29% 0.0643 183.95) 69.8%, oklch(66.45% 0.0607 177.35) 71.4%, oklch(68.61% 0.0570 170.69) 73.0%, oklch(70.77% 0.0532 163.99) 74.6%, oklch(72.92% 0.0494 157.30) 76.2%, oklch(75.04% 0.0457 150.63) 77.8%, oklch(77.14% 0.0419 144.02) 79.4%, oklch(79.20% 0.0381 137.51) 81.0%, oklch(81.21% 0.0345 131.12) 82.5%, oklch(83.17% 0.0309 124.89) 84.1%, oklch(85.07% 0.0274 118.84) 85.7%, oklch(86.90% 0.0240 113.01) 87.3%, oklch(88.65% 0.0208 107.44) 88.9%, oklch(90.31% 0.0177 102.14) 90.5%, oklch(91.88% 0.0149 97.16) 92.1%, oklch(93.35% 0.0122 92.52) 93.7%, oklch(94.71% 0.0098 88.26) 95.2%, oklch(95.94% 0.0076 84.40) 96.8%, oklch(97.06% 0.0057 80.99) 98.4%, oklch(98.03% 0.0041 78.04) 100.0%);

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

Gradient độ cao

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