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

Xanh hải quân, đen, nâu và xanh dương: bảng màu gồm 34 màu. #00012f, #050110, #5b4748, #73839a, #2c80c5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00012f
#00012a
#000023
#00001c
#000014
#00000f
#01000c
#02000d
#050110
#0e0213
#1b0516
#280b17
#341318
#3e1d1b
#462622
#4e312d
#553c3a
#5b4748
#625254
#685c5f
#6e6469
#746a72
#78717d
#7a7787
#787d92
#73839a
#6d88a0
#658ca5
#5b8daa
#4e8caf
#4289b6
#3886bc
#3182c1
#2c80c5

CSS

background: linear-gradient(90deg in oklch, oklch(14.21% 0.0921 264.20) 0.0%, oklch(13.26% 0.0874 264.21) 3.0%, oklch(11.76% 0.0803 264.12) 6.1%, oklch(10.22% 0.0706 264.38) 9.1%, oklch(8.73% 0.0596 265.54) 12.1%, oklch(7.72% 0.0514 268.25) 15.2%, oklch(7.39% 0.0471 273.19) 18.2%, oklch(8.01% 0.0459 282.72) 21.2%, oklch(10.06% 0.0454 297.60) 24.2%, oklch(12.97% 0.0469 316.56) 27.3%, oklch(16.46% 0.0494 337.13) 30.3%, oklch(20.25% 0.0518 356.86) 33.3%, oklch(24.08% 0.0533 13.30) 36.4%, oklch(27.68% 0.0528 23.97) 39.4%, oklch(31.07% 0.0494 27.90) 42.4%, oklch(34.66% 0.0433 27.39) 45.5%, oklch(38.35% 0.0358 23.28) 48.5%, oklch(41.99% 0.0280 16.33) 51.5%, oklch(45.45% 0.0212 7.29) 54.5%, oklch(48.59% 0.0165 356.94) 57.6%, oklch(51.29% 0.0152 345.90) 60.6%, oklch(53.68% 0.0166 331.37) 63.6%, oklch(55.85% 0.0200 313.26) 66.7%, oklch(57.75% 0.0251 293.53) 69.7%, oklch(59.36% 0.0315 274.12) 72.7%, oklch(60.63% 0.0391 256.96) 75.8%, oklch(61.55% 0.0475 244.00) 78.8%, oklch(62.02% 0.0570 236.80) 81.8%, oklch(61.89% 0.0693 234.37) 84.8%, oklch(61.30% 0.0835 235.35) 87.9%, oklch(60.46% 0.0983 238.47) 90.9%, oklch(59.55% 0.1122 242.44) 93.9%, oklch(58.75% 0.1240 245.98) 97.0%, oklch(58.27% 0.1323 247.82) 100.0%);

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

Gradient nhiều màu tông tối Gradient tông tối Bảng màu tối giản Gradient chữ

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