跳至内容

Grabient 调色板

黑色、蓝色、紫色和灰色角度渐变

黑色、蓝色、紫色和灰色的调色板,共 96 种颜色。 #0b1521, #153140, #1e5463, #2e5f7c, #4e5583, #7e658c, #bfa0b1, #f0dde0。编辑并导出 CSS、SVG、PNG 或着色器。

96 种颜色,4 个可编辑的 OKLCH 关键帧。

  • #0b1521
  • #0c1622
  • #0c1724
  • #0d1926
  • #0d1a27
  • #0e1c29
  • #0f1e2c
  • #10202e
  • #102230
  • #112433
  • #122635
  • #132938
  • #132b3b
  • #142e3d
  • #153140
  • #163343
  • #163646
  • #173949
  • #183c4b
  • #183f4e
  • #194251
  • #1a4454
  • #1a4756
  • #1b4a59
  • #1c4c5b
  • #1d4f5e
  • #1e5160
  • #1e5463
  • #1f5665
  • #205867
  • #21596a
  • #225b6c
  • #235c6e
  • #255d70
  • #265e72
  • #275f73
  • #285f75
  • #296077
  • #2a6078
  • #2b6079
  • #2d5f7b
  • #2e5f7c
  • #305e7d
  • #325e7e
  • #345d7f
  • #365c80
  • #395b81
  • #3b5b81
  • #3d5a82
  • #405982
  • #435882
  • #455782
  • #485683
  • #4b5683
  • #4e5583
  • #515583
  • #545483
  • #575483
  • #5a5483
  • #5d5583
  • #605583
  • #635684
  • #665784
  • #6a5985
  • #6d5a86
  • #715d87
  • #755f89
  • #7a628a
  • #7e658c
  • #83688e
  • #886c90
  • #8d7092
  • #927495
  • #977898
  • #9c7d9a
  • #a1829d
  • #a686a0
  • #ab8ba4
  • #b091a7
  • #b596aa
  • #ba9bae
  • #bfa0b1
  • #c4a6b5
  • #c8abb9
  • #cdb0bd
  • #d1b5c0
  • #d5bac4
  • #d9bfc8
  • #ddc4cb
  • #e0c8cf
  • #e3cdd2
  • #e6d1d6
  • #e9d4d9
  • #ebd8db
  • #eedade
  • #f0dde0

CSS

background: conic-gradient(from 315deg in oklch, oklch(19.29% 0.0289 253.83) 0.0%, oklch(19.72% 0.0296 253.22) 1.1%, oklch(20.22% 0.0303 252.45) 2.1%, oklch(20.78% 0.0311 251.53) 3.2%, oklch(21.40% 0.0319 250.47) 4.2%, oklch(22.07% 0.0329 249.29) 5.3%, oklch(22.78% 0.0339 248.00) 6.3%, oklch(23.55% 0.0350 246.61) 7.4%, oklch(24.35% 0.0362 245.14) 8.4%, oklch(25.19% 0.0373 243.60) 9.5%, oklch(26.06% 0.0386 242.01) 10.5%, oklch(26.96% 0.0399 240.38) 11.6%, oklch(27.88% 0.0412 238.72) 12.6%, oklch(28.82% 0.0425 237.05) 13.7%, oklch(29.77% 0.0439 235.38) 14.7%, oklch(30.74% 0.0453 233.72) 15.8%, oklch(31.71% 0.0467 232.09) 16.8%, oklch(32.68% 0.0480 230.51) 17.9%, oklch(33.65% 0.0494 228.98) 18.9%, oklch(34.62% 0.0508 227.53) 20.0%, oklch(35.57% 0.0522 226.16) 21.1%, oklch(36.51% 0.0535 224.88) 22.1%, oklch(37.43% 0.0548 223.72) 23.2%, oklch(38.33% 0.0561 222.69) 24.2%, oklch(39.20% 0.0573 221.79) 25.3%, oklch(40.03% 0.0585 221.05) 26.3%, oklch(40.84% 0.0596 220.48) 27.4%, oklch(41.60% 0.0607 220.09) 28.4%, oklch(42.31% 0.0617 219.89) 29.5%, oklch(42.98% 0.0627 219.90) 30.5%, oklch(43.59% 0.0635 220.14) 31.6%, oklch(44.15% 0.0643 220.61) 32.6%, oklch(44.65% 0.0650 221.34) 33.7%, oklch(45.07% 0.0657 222.30) 34.7%, oklch(45.43% 0.0663 223.50) 35.8%, oklch(45.72% 0.0670 224.91) 36.8%, oklch(45.96% 0.0676 226.52) 37.9%, oklch(46.14% 0.0683 228.33) 38.9%, oklch(46.28% 0.0689 230.31) 40.0%, oklch(46.37% 0.0695 232.46) 41.1%, oklch(46.43% 0.0701 234.76) 42.1%, oklch(46.46% 0.0707 237.20) 43.2%, oklch(46.46% 0.0712 239.78) 44.2%, oklch(46.44% 0.0717 242.47) 45.3%, oklch(46.40% 0.0722 245.26) 46.3%, oklch(46.36% 0.0727 248.14) 47.4%, oklch(46.31% 0.0731 251.11) 48.4%, oklch(46.26% 0.0735 254.14) 49.5%, oklch(46.21% 0.0738 257.23) 50.5%, oklch(46.18% 0.0741 260.36) 51.6%, oklch(46.16% 0.0743 263.51) 52.6%, oklch(46.16% 0.0745 266.69) 53.7%, oklch(46.19% 0.0746 269.87) 54.7%, oklch(46.25% 0.0747 273.04) 55.8%, oklch(46.35% 0.0748 276.20) 56.8%, oklch(46.49% 0.0747 279.32) 57.9%, oklch(46.68% 0.0746 282.40) 58.9%, oklch(46.92% 0.0744 285.42) 60.0%, oklch(47.22% 0.0742 288.37) 61.1%, oklch(47.58% 0.0739 291.24) 62.1%, oklch(48.01% 0.0735 294.02) 63.2%, oklch(48.51% 0.0730 296.69) 64.2%, oklch(49.09% 0.0725 299.24) 65.3%, oklch(49.76% 0.0719 301.66) 66.3%, oklch(50.52% 0.0712 303.98) 67.4%, oklch(51.38% 0.0703 306.32) 68.4%, oklch(52.35% 0.0692 308.67) 69.5%, oklch(53.41% 0.0681 311.05) 70.5%, oklch(54.56% 0.0668 313.44) 71.6%, oklch(55.78% 0.0654 315.84) 72.6%, oklch(57.08% 0.0638 318.25) 73.7%, oklch(58.44% 0.0622 320.65) 74.7%, oklch(59.85% 0.0605 323.05) 75.8%, oklch(61.32% 0.0587 325.45) 76.8%, oklch(62.83% 0.0568 327.83) 77.9%, oklch(64.37% 0.0549 330.19) 78.9%, oklch(65.94% 0.0530 332.53) 80.0%, oklch(67.53% 0.0510 334.85) 81.1%, oklch(69.14% 0.0490 337.13) 82.1%, oklch(70.75% 0.0469 339.38) 83.2%, oklch(72.35% 0.0449 341.59) 84.2%, oklch(73.95% 0.0429 343.76) 85.3%, oklch(75.54% 0.0408 345.87) 86.3%, oklch(77.10% 0.0388 347.94) 87.4%, oklch(78.63% 0.0369 349.94) 88.4%, oklch(80.12% 0.0350 351.89) 89.5%, oklch(81.56% 0.0331 353.76) 90.5%, oklch(82.96% 0.0313 355.57) 91.6%, oklch(84.29% 0.0296 357.30) 92.6%, oklch(85.56% 0.0280 358.94) 93.7%, oklch(86.75% 0.0265 0.51) 94.7%, oklch(87.86% 0.0251 1.98) 95.8%, oklch(88.88% 0.0238 3.36) 96.8%, oklch(89.81% 0.0226 4.65) 97.9%, oklch(90.63% 0.0216 5.83) 98.9%, oklch(91.34% 0.0207 6.90) 100.0%);

收录于这些合集

Extra celestial 星际风

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