跳至内容

Grabient 调色板

灰色、浅蓝色、蓝绿色和深紫色角度色块

灰色、浅蓝色、蓝绿色和深紫色的调色板,共 80 种颜色。 #cce2d4, #aed4c7, #84bcb5, #5da09c, #53819e, #775f7d, #624759, #4a384b。编辑并导出 CSS、SVG、PNG 或着色器。

80 种颜色,5 个可编辑的 OKLCH 关键帧。

  • #cce2d4
  • #cbe2d3
  • #c9e1d2
  • #c7e0d1
  • #c4ded0
  • #c2ddcf
  • #bfdccd
  • #bcdbcc
  • #b9d9cb
  • #b5d8c9
  • #b2d6c8
  • #aed4c7
  • #abd3c5
  • #a7d1c4
  • #a3cfc3
  • #a0cdc1
  • #9ccbc0
  • #98c9bf
  • #95c7bd
  • #91c5bc
  • #8ec3bb
  • #8ac1b9
  • #87bfb7
  • #84bcb5
  • #80bab3
  • #7db8b1
  • #79b5ae
  • #76b3ac
  • #72b0a9
  • #6fada7
  • #6baba4
  • #68a8a2
  • #64a6a0
  • #60a39e
  • #5da09c
  • #5a9e9b
  • #569b9a
  • #539999
  • #519699
  • #4e9399
  • #4d9199
  • #4c8e9a
  • #4c8b9b
  • #4d889c
  • #4f859d
  • #53819e
  • #577e9e
  • #5b7a9e
  • #60779c
  • #64739a
  • #697097
  • #6d6c94
  • #706990
  • #73668b
  • #756386
  • #776182
  • #775f7d
  • #785c78
  • #775a74
  • #775970
  • #75576d
  • #745569
  • #725366
  • #705164
  • #6d4f61
  • #6b4d5f
  • #684b5d
  • #65495b
  • #624759
  • #604557
  • #5d4456
  • #5a4254
  • #574053
  • #553f52
  • #523d50
  • #503c4f
  • #4e3b4e
  • #4c394d
  • #4b384c
  • #4a384b

CSS

background: conic-gradient(from 225deg, oklch(89.37% 0.0303 157.50) 0.000% 1.250%, oklch(89.06% 0.0311 158.24) 1.250% 2.500%, oklch(88.70% 0.0320 159.12) 2.500% 3.750%, oklch(88.31% 0.0330 160.13) 3.750% 5.000%, oklch(87.87% 0.0341 161.25) 5.000% 6.250%, oklch(87.40% 0.0354 162.47) 6.250% 7.500%, oklch(86.89% 0.0367 163.78) 7.500% 8.750%, oklch(86.36% 0.0382 165.17) 8.750% 10.000%, oklch(85.79% 0.0396 166.62) 10.000% 11.250%, oklch(85.20% 0.0412 168.11) 11.250% 12.500%, oklch(84.59% 0.0427 169.65) 12.500% 13.750%, oklch(83.96% 0.0443 171.21) 13.750% 15.000%, oklch(83.31% 0.0459 172.78) 15.000% 16.250%, oklch(82.64% 0.0475 174.34) 16.250% 17.500%, oklch(81.97% 0.0490 175.90) 17.500% 18.750%, oklch(81.28% 0.0505 177.42) 18.750% 20.000%, oklch(80.58% 0.0519 178.91) 20.000% 21.250%, oklch(79.88% 0.0533 180.35) 21.250% 22.500%, oklch(79.18% 0.0545 181.72) 22.500% 23.750%, oklch(78.48% 0.0557 183.01) 23.750% 25.000%, oklch(77.78% 0.0567 184.20) 25.000% 26.250%, oklch(77.05% 0.0578 185.16) 26.250% 27.500%, oklch(76.30% 0.0588 185.85) 27.500% 28.750%, oklch(75.52% 0.0598 186.33) 28.750% 30.000%, oklch(74.71% 0.0609 186.64) 30.000% 31.250%, oklch(73.89% 0.0619 186.83) 31.250% 32.500%, oklch(73.05% 0.0629 186.94) 32.500% 33.750%, oklch(72.19% 0.0638 187.02) 33.750% 35.000%, oklch(71.32% 0.0647 187.12) 35.000% 36.250%, oklch(70.45% 0.0656 187.27) 36.250% 37.500%, oklch(69.58% 0.0664 187.53) 37.500% 38.750%, oklch(68.70% 0.0672 187.94) 38.750% 40.000%, oklch(67.84% 0.0679 188.55) 40.000% 41.250%, oklch(66.97% 0.0685 189.40) 41.250% 42.500%, oklch(66.12% 0.0691 190.54) 42.500% 43.750%, oklch(65.29% 0.0695 192.01) 43.750% 45.000%, oklch(64.47% 0.0699 193.86) 45.000% 46.250%, oklch(63.68% 0.0701 196.14) 46.250% 47.500%, oklch(62.91% 0.0703 198.89) 47.500% 48.750%, oklch(62.17% 0.0703 202.16) 48.750% 50.000%, oklch(61.46% 0.0702 206.02) 50.000% 51.250%, oklch(60.78% 0.0699 210.73) 51.250% 52.500%, oklch(60.12% 0.0695 216.22) 52.500% 53.750%, oklch(59.48% 0.0689 222.39) 53.750% 55.000%, oklch(58.86% 0.0682 229.16) 55.000% 56.250%, oklch(58.25% 0.0674 236.41) 56.250% 57.500%, oklch(57.66% 0.0665 244.05) 57.500% 58.750%, oklch(57.08% 0.0655 251.99) 58.750% 60.000%, oklch(56.51% 0.0645 260.12) 60.000% 61.250%, oklch(55.94% 0.0634 268.34) 61.250% 62.500%, oklch(55.38% 0.0622 276.57) 62.500% 63.750%, oklch(54.83% 0.0611 284.69) 63.750% 65.000%, oklch(54.27% 0.0599 292.61) 65.000% 66.250%, oklch(53.71% 0.0587 300.24) 66.250% 67.500%, oklch(53.14% 0.0576 307.47) 67.500% 68.750%, oklch(52.57% 0.0564 314.20) 68.750% 70.000%, oklch(51.99% 0.0554 320.35) 70.000% 71.250%, oklch(51.39% 0.0543 325.80) 71.250% 72.500%, oklch(50.78% 0.0534 330.46) 72.500% 73.750%, oklch(50.16% 0.0526 334.24) 73.750% 75.000%, oklch(49.51% 0.0518 337.11) 75.000% 76.250%, oklch(48.82% 0.0510 339.27) 76.250% 77.500%, oklch(48.11% 0.0502 340.78) 77.500% 78.750%, oklch(47.36% 0.0495 341.70) 78.750% 80.000%, oklch(46.60% 0.0487 342.08) 80.000% 81.250%, oklch(45.82% 0.0480 342.00) 81.250% 82.500%, oklch(45.03% 0.0472 341.50) 82.500% 83.750%, oklch(44.24% 0.0465 340.65) 83.750% 85.000%, oklch(43.45% 0.0458 339.51) 85.000% 86.250%, oklch(42.67% 0.0451 338.13) 86.250% 87.500%, oklch(41.90% 0.0445 336.57) 87.500% 88.750%, oklch(41.15% 0.0438 334.90) 88.750% 90.000%, oklch(40.43% 0.0432 333.17) 90.000% 91.250%, oklch(39.75% 0.0426 331.45) 91.250% 92.500%, oklch(39.10% 0.0421 329.79) 92.500% 93.750%, oklch(38.49% 0.0416 328.24) 93.750% 95.000%, oklch(37.93% 0.0411 326.88) 95.000% 96.250%, oklch(37.43% 0.0407 325.76) 96.250% 97.500%, oklch(36.99% 0.0403 324.93) 97.500% 98.750%, oklch(36.61% 0.0400 324.47) 98.750% 100.000%);

收录于这些合集

日晒褪色的泳池瓷砖

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