Chuyển đến nội dung

Bảng màu Grabient

Đen sang xanh hải quân (đơn sắc) (gradient tuyến tính)

Bảng màu Đen sang xanh hải quân (đơn sắc)

Gradient tuyến tính, 32 màu, góc 135°: #000814, #001126, #001e3e, #012a53, #003566. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #000814
  • #000915
  • #000a17
  • #000b19
  • #000c1b
  • #000d1e
  • #000e20
  • #001023
  • #001126
  • #001329
  • #00142c
  • #00162f
  • #001833
  • #001936
  • #001b39
  • #001c3c
  • #001e3e
  • #001f41
  • #002144
  • #002347
  • #00244a
  • #00264d
  • #012850
  • #012a53
  • #002b56
  • #002d59
  • #002f5c
  • #00305e
  • #003261
  • #003363
  • #003464
  • #003566

CSS

background: linear-gradient(135deg in oklch, oklch(13.05% 0.0340 246.56) 0.0%, oklch(13.43% 0.0353 246.96) 3.2%, oklch(13.87% 0.0369 247.44) 6.5%, oklch(14.39% 0.0387 247.97) 9.7%, oklch(14.96% 0.0408 248.52) 12.9%, oklch(15.59% 0.0431 249.08) 16.1%, oklch(16.25% 0.0455 249.58) 19.4%, oklch(16.95% 0.0480 249.99) 22.6%, oklch(17.67% 0.0506 250.43) 25.8%, oklch(18.41% 0.0534 250.87) 29.0%, oklch(19.16% 0.0562 251.31) 32.3%, oklch(19.91% 0.0591 251.74) 35.5%, oklch(20.66% 0.0621 252.13) 38.7%, oklch(21.39% 0.0649 252.45) 41.9%, oklch(22.09% 0.0674 252.67) 45.2%, oklch(22.76% 0.0698 252.84) 48.4%, oklch(23.41% 0.0720 252.99) 51.6%, oklch(24.08% 0.0742 253.13) 54.8%, oklch(24.78% 0.0764 253.22) 58.1%, oklch(25.50% 0.0786 253.27) 61.3%, oklch(26.23% 0.0808 253.28) 64.5%, oklch(26.96% 0.0830 253.26) 67.7%, oklch(27.69% 0.0852 253.21) 71.0%, oklch(28.41% 0.0872 253.15) 74.2%, oklch(29.11% 0.0893 253.07) 77.4%, oklch(29.79% 0.0912 252.98) 80.6%, oklch(30.43% 0.0930 252.89) 83.9%, oklch(31.02% 0.0947 252.79) 87.1%, oklch(31.57% 0.0963 252.71) 90.3%, oklch(32.06% 0.0977 252.64) 93.5%, oklch(32.49% 0.0989 252.59) 96.8%, oklch(32.84% 0.0999 252.57) 100.0%);

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

Dark blue gradients

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động