跳至内容

Grabient 调色板

单色调的黑色到蓝色线性渐变

单色调的黑色到蓝色配色方案

线性渐变,32 种颜色,角度 135°:#05070f, #0a1429, #0f2a50, #14437a, #1f5fa8。编辑并导出 CSS、SVG、PNG 或着色器。

4 个可编辑的 OKLCH 关键帧。

  • #05070f
  • #050811
  • #060913
  • #060a16
  • #070c19
  • #080e1d
  • #081021
  • #091225
  • #0a1429
  • #0a172d
  • #0b1932
  • #0b1c36
  • #0c1e3b
  • #0d2140
  • #0d2445
  • #0e274a
  • #0f2a50
  • #0f2e56
  • #10315c
  • #113461
  • #123867
  • #123b6d
  • #133f73
  • #14437a
  • #164780
  • #174b87
  • #194f8e
  • #1a5394
  • #1c579a
  • #1d5aa0
  • #1e5da4
  • #1f5fa8

CSS

background: linear-gradient(135deg in oklch, oklch(13.04% 0.0192 269.80) 0.0%, oklch(13.54% 0.0212 269.22) 3.2%, oklch(14.15% 0.0236 268.45) 6.5%, oklch(14.87% 0.0264 267.52) 9.7%, oklch(15.68% 0.0296 266.49) 12.9%, oklch(16.56% 0.0330 265.39) 16.1%, oklch(17.51% 0.0367 264.26) 19.4%, oklch(18.50% 0.0405 263.14) 22.6%, oklch(19.53% 0.0444 262.08) 25.8%, oklch(20.59% 0.0482 261.11) 29.0%, oklch(21.65% 0.0521 260.28) 32.3%, oklch(22.73% 0.0558 259.60) 35.5%, oklch(23.86% 0.0598 258.98) 38.7%, oklch(25.05% 0.0639 258.43) 41.9%, oklch(26.28% 0.0681 257.93) 45.2%, oklch(27.55% 0.0724 257.48) 48.4%, oklch(28.84% 0.0767 257.08) 51.6%, oklch(30.15% 0.0810 256.71) 54.8%, oklch(31.47% 0.0853 256.37) 58.1%, oklch(32.78% 0.0894 256.07) 61.3%, oklch(34.09% 0.0935 255.78) 64.5%, oklch(35.39% 0.0974 255.52) 67.7%, oklch(36.77% 0.1015 255.29) 71.0%, oklch(38.24% 0.1056 255.12) 74.2%, oklch(39.76% 0.1098 254.98) 77.4%, oklch(41.29% 0.1140 254.88) 80.6%, oklch(42.79% 0.1181 254.80) 83.9%, oklch(44.22% 0.1219 254.74) 87.1%, oklch(45.55% 0.1254 254.70) 90.3%, oklch(46.74% 0.1285 254.66) 93.5%, oklch(47.74% 0.1312 254.62) 96.8%, oklch(48.52% 0.1333 254.58) 100.0%);

收录于这些合集

Dark blue gradients

相似调色板合集下载 PNG调色板 JSONMarkdown工作原理