Chuyển đến nội dung

Bảng màu Grabient

Xanh hải quân sang xanh dương (đơn sắc) (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 135°: #0a1128, #041a4a, #002e67, #004e82, #1282a2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

  • #0a1128
  • #0a122a
  • #0a132e
  • #091332
  • #091536
  • #08163b
  • #061740
  • #051945
  • #041a4a
  • #021c4e
  • #001e53
  • #002156
  • #002359
  • #00265c
  • #002860
  • #002b64
  • #002e67
  • #01316b
  • #03356e
  • #033972
  • #033d75
  • #034279
  • #01477e
  • #004e82
  • #005587
  • #005d8c
  • #006491
  • #006c95
  • #01739a
  • #07799d
  • #0d7ea0
  • #1282a2

CSS

background: linear-gradient(135deg in oklch, oklch(18.57% 0.0480 268.67) 0.0%, oklch(18.96% 0.0514 268.15) 3.2%, oklch(19.45% 0.0560 267.47) 6.5%, oklch(20.01% 0.0615 266.67) 9.7%, oklch(20.64% 0.0677 265.77) 12.9%, oklch(21.34% 0.0742 264.79) 16.1%, oklch(22.09% 0.0808 263.79) 19.4%, oklch(22.89% 0.0872 262.77) 22.6%, oklch(23.72% 0.0931 261.78) 25.8%, oklch(24.59% 0.0983 260.84) 29.0%, oklch(25.47% 0.1024 259.97) 32.3%, oklch(26.38% 0.1042 259.39) 35.5%, oklch(27.28% 0.1050 258.84) 38.7%, oklch(28.20% 0.1064 258.43) 41.9%, oklch(29.16% 0.1084 258.09) 45.2%, oklch(30.15% 0.1104 257.75) 48.4%, oklch(31.19% 0.1113 257.26) 51.6%, oklch(32.29% 0.1113 256.75) 54.8%, oklch(33.47% 0.1112 256.04) 58.1%, oklch(34.74% 0.1110 255.09) 61.3%, oklch(36.10% 0.1109 253.81) 64.5%, oklch(37.58% 0.1107 252.13) 67.7%, oklch(39.32% 0.1104 249.89) 71.0%, oklch(41.29% 0.1091 247.19) 74.2%, oklch(43.41% 0.1073 244.09) 77.4%, oklch(45.62% 0.1059 240.77) 80.6%, oklch(47.84% 0.1051 237.37) 83.9%, oklch(50.00% 0.1047 234.02) 87.1%, oklch(52.01% 0.1044 230.85) 90.3%, oklch(53.81% 0.1034 228.03) 93.5%, oklch(55.32% 0.1026 225.68) 96.8%, oklch(56.47% 0.1021 223.94) 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