pub_md/axmd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add swatch preview to traditional colors article

Browse Source
This commit is contained in:
albertxin
2026-06-28 19:05:46 +08:00
parent f964a7b112
commit 4d2acdf6ef
2 changed files with 87 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
2026/assets/yangshi_color_swatches.svg
+34
View File
@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="760" height="624" viewBox="0 0 760 624" role="img" aria-labelledby="title desc">
<title id="title">中国传统色色块预览</title>
<desc id="desc">按原始顺序排列的 21 个中国传统色块。</desc>
<rect width="760" height="624" fill="#f7f7f7"/>
<rect x="0" y="0" width="240" height="72" rx="8" fill="#E97040" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="0" width="240" height="72" rx="8" fill="#F8C6B5" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="0" width="240" height="72" rx="8" fill="#D81918" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="92" width="240" height="72" rx="8" fill="#EE781F" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="92" width="240" height="72" rx="8" fill="#F3993A" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="92" width="240" height="72" rx="8" fill="#E9BB41" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="184" width="240" height="72" rx="8" fill="#E5A84B" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="184" width="240" height="72" rx="8" fill="#F4CF39" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="184" width="240" height="72" rx="8" fill="#C8A062" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="276" width="240" height="72" rx="8" fill="#D8E699" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="276" width="240" height="72" rx="8" fill="#6BB392" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="276" width="240" height="72" rx="8" fill="#91B821" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="368" width="240" height="72" rx="8" fill="#3C7699" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="368" width="240" height="72" rx="8" fill="#75C1C4" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="368" width="240" height="72" rx="8" fill="#49214A" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="460" width="240" height="72" rx="8" fill="#C8D8E1" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="460" width="240" height="72" rx="8" fill="#F8F7F0" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="460" width="240" height="72" rx="8" fill="#EBEEF0" stroke="#d9d9d9" stroke-width="1"/>
<rect x="0" y="552" width="240" height="72" rx="8" fill="#D4E5EF" stroke="#d9d9d9" stroke-width="1"/>
<rect x="260" y="552" width="240" height="72" rx="8" fill="#AED0ED" stroke="#d9d9d9" stroke-width="1"/>
<rect x="520" y="552" width="240" height="72" rx="8" fill="#F5FBFE" stroke="#d9d9d9" stroke-width="1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB