Đen sang xanh dương (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #01030b, #020713, #040c1b, #0b3a51, #03e1f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#01030b
#01040c
#02040c
#02040d
#02050e
#020510
#020611
#020612
#020713
#020714
#030815
#030916
#030918
#040a19
#040b1a
#040c1a
#040c1b
#050e1d
#061121
#081627
#091d2f
#0b2439
#0b2e44
#0b3a51
#09475f
#07566f
#066a84
#05839d
#039eb8
#02b9d1
#02d0e6
#03e1f5

CSS

background: linear-gradient(90deg in oklch, oklch(10.24% 0.0248 264.37) 0.0%, oklch(10.44% 0.0252 263.89) 3.2%, oklch(10.71% 0.0258 263.18) 6.5%, oklch(11.04% 0.0265 262.35) 9.7%, oklch(11.40% 0.0272 261.51) 12.9%, oklch(11.77% 0.0280 260.76) 16.1%, oklch(12.13% 0.0288 260.22) 19.4%, oklch(12.48% 0.0296 259.98) 22.6%, oklch(12.80% 0.0305 260.00) 25.8%, oklch(13.13% 0.0314 260.16) 29.0%, oklch(13.49% 0.0324 260.34) 32.3%, oklch(13.89% 0.0333 260.42) 35.5%, oklch(14.36% 0.0341 260.29) 38.7%, oklch(14.83% 0.0348 259.94) 41.9%, oklch(15.10% 0.0348 259.71) 45.2%, oklch(15.32% 0.0345 259.44) 48.4%, oklch(15.70% 0.0345 258.92) 51.6%, oklch(16.45% 0.0351 257.93) 54.8%, oklch(17.76% 0.0368 256.27) 58.1%, oklch(19.80% 0.0400 253.71) 61.3%, oklch(22.36% 0.0444 250.04) 64.5%, oklch(25.38% 0.0498 245.55) 67.7%, oklch(28.88% 0.0560 240.61) 71.0%, oklch(32.87% 0.0630 235.57) 74.2%, oklch(37.37% 0.0707 230.78) 77.4%, oklch(42.41% 0.0789 226.60) 80.6%, oklch(48.83% 0.0890 222.58) 83.9%, oklch(56.42% 0.1008 218.56) 87.1%, oklch(64.40% 0.1132 214.74) 90.3%, oklch(72.02% 0.1249 211.28) 93.5%, oklch(78.50% 0.1349 208.39) 96.8%, oklch(83.07% 0.1419 206.25) 100.0%);

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

Gradient Cyber Monday

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