Đen, xanh dương nhạt và xanh dương (gradient tuyến tính)

Bảng màu Đen, xanh dương nhạt và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #01040e, #002547, #006c9a, #2ec9d6, #7d43f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#01040e
#010612
#010817
#010b1d
#010f24
#01142b
#001933
#001f3c
#002547
#002c52
#00335e
#003b6a
#004475
#004d7f
#005789
#006192
#006c9a
#0076a3
#0082ac
#008db5
#059cbe
#16acc6
#26bcce
#2ec9d6
#29d2de
#00d4e6
#00caed
#00b8f4
#219fff
#5180ff
#6d5dff
#7d43f5

CSS

background: linear-gradient(45deg in oklch, oklch(11.02% 0.0289 259.45) 0.0%, oklch(12.06% 0.0323 258.51) 3.2%, oklch(13.43% 0.0368 257.17) 6.5%, oklch(15.08% 0.0422 255.59) 9.7%, oklch(16.96% 0.0482 253.95) 12.9%, oklch(19.01% 0.0545 252.43) 16.1%, oklch(21.20% 0.0608 251.20) 19.4%, oklch(23.54% 0.0673 250.45) 22.6%, oklch(26.13% 0.0746 250.32) 25.8%, oklch(28.90% 0.0824 250.27) 29.0%, oklch(31.79% 0.0901 250.06) 32.3%, oklch(34.77% 0.0971 249.58) 35.5%, oklch(37.78% 0.1029 248.50) 38.7%, oklch(40.79% 0.1063 246.61) 41.9%, oklch(43.86% 0.1081 243.96) 45.2%, oklch(47.01% 0.1092 240.80) 48.4%, oklch(50.21% 0.1101 237.28) 51.6%, oklch(53.44% 0.1112 233.60) 54.8%, oklch(56.70% 0.1129 229.91) 58.1%, oklch(60.06% 0.1150 226.14) 61.3%, oklch(64.17% 0.1165 220.55) 64.5%, oklch(68.70% 0.1174 213.93) 67.7%, oklch(73.06% 0.1189 207.72) 71.0%, oklch(76.69% 0.1221 203.31) 74.2%, oklch(79.00% 0.1278 202.15) 77.4%, oklch(79.43% 0.1358 205.68) 80.6%, oklch(77.40% 0.1372 215.67) 83.9%, oklch(73.47% 0.1475 230.66) 87.1%, oklch(68.50% 0.1744 248.17) 90.3%, oklch(63.34% 0.1959 265.74) 93.5%, oklch(58.86% 0.2304 280.90) 96.8%, oklch(55.91% 0.2467 291.16) 100.0%);

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

Gradient cyberpunk

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