HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?| 胖袋鼠锟?/title> <meta name="description" content="免费在线棰滆壊杞崲鍣ㄤ娇鐢ㄦ寚鍗紝︿綘 HEX銆丷GB銆丠SL 涓棰滆壊鏍煎紡的勫鍒紝骞舵敮鎸佸绾垮疄鏃朵簰杞笌澶嶅埗棰滆壊鍊硷拷?> <meta name="keywords" content="棰滆壊杞崲锟�?HEX杞琑GB,RGB杞琀EX,HSL杞,棰滆壊浠ｇ爜,棰滆壊鏍煎紡,棰滆壊棰"> <link rel="canonical" href="https://zhihuinews.com/articles/color-converter-guide.html"> <meta property="og:type" content="article"> <meta property="og:title" content="HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?> <meta property="og:description" content="︿綘 HEX銆丷GB銆丠SL 涓棰滆壊鏍煎紡的勫鍒紝骞舵敮鎸佸绾垮疄鏃朵簰杞笌澶嶅埗棰滆壊鍊硷拷?> <meta property="og:url" content="https://zhihuinews.com/articles/color-converter-guide.html"> <meta property="og:site_name" content="胖袋鼠锟?> <meta property="og:locale" content="zh_CN"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?> <meta name="twitter:description" content="︿綘 HEX銆丷GB銆丠SL 涓棰滆壊鏍煎紡的勫鍒紝骞舵敮鎸佸绾垮疄鏃朵簰杞笌澶嶅埗棰滆壊鍊硷拷?> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?, "description": "免费在线棰滆壊杞崲鍣ㄤ娇鐢ㄦ寚鍗紝︿綘 HEX銆丷GB銆丠SL 涓棰滆壊鏍煎紡的勫鍒紝骞舵敮鎸佸绾垮疄鏃朵簰杞笌澶嶅埗棰滆壊鍊硷拷?, "datePublished": "2026-04-27", "dateModified": "2026-04-27", "url": "https://zhihuinews.com/articles/color-converter-guide.html", "author": {"@type": "Organization", "name": "胖袋鼠锟?}, "publisher": {"@type": "Organization", "name": "胖袋鼠锟?} } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ {"@type": "ListItem", "position": 1, "name": "棣栭", "item": "https://zhihuinews.com/index.html"}, {"@type": "ListItem", "position": 2, "name": "鏂囨", "item": "https://zhihuinews.com/articles/index.html"}, {"@type": "ListItem", "position": 3, "name": "HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?, "item": "https://zhihuinews.com/articles/color-converter-guide.html"} ] } </script> <style> * { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg-color: #ffffff; --text-color: #1f2937; --link-color: #2563eb; --border-color: #e5e7eb; --card-bg: #f9fafb; --panel-bg: rgba(255, 255, 255, 0.9); --cta-bg: linear-gradient(135deg, #eff6ff 0%, #eef2ff 100%); --cta-border: rgba(37,99,235,.18); } @media (prefers-color-scheme: dark) { :root { --bg-color:#111827; --text-color:#f3f4f6; --link-color:#60a5fa; --border-color:#374151; --card-bg:#1f2937; --panel-bg: rgba(30, 41, 59, 0.88); --cta-bg:linear-gradient(135deg,#172554 0%,#1e1b4b 100%); --cta-border:rgba(96,165,250,.24); } } html { scroll-behavior: smooth; } body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; background:var(--bg-color); color:var(--text-color); line-height:1.35; min-height:100vh; } .container { max-width:1000px; margin:0 auto; padding:0 20px; } .back-link { display:inline-block; margin:20px 0; color:var(--link-color); text-decoration:none; font-size:14px; } .back-link:hover { text-decoration:underline; } .article { background:var(--bg-color); border-radius:8px; padding:30px 32px; box-shadow:0 1px 3px rgba(0,0,0,.1); } h1 { font-size:30px; line-height:1.25; font-weight:700; margin-bottom:12px; letter-spacing:-.02em; } h2 { font-size:22px; line-height:1.28; font-weight:700; margin-top:34px; margin-bottom:10px; scroll-margin-top:24px; } h3 { font-size:18px; line-height:1.35; font-weight:600; margin-top:22px; margin-bottom:6px; } p { margin-bottom:10px; font-size:15px; } a { color:var(--link-color); text-decoration:none; } a:hover { text-decoration:underline; } ul,ol { padding-left:22px; margin-bottom:14px; } li { margin-bottom:6px; font-size:15px; line-height:1.65; } .metadata { display:flex; gap:14px; font-size:13px; color:#6c757d; margin-bottom:18px; flex-wrap:wrap; } .article-summary { font-size:15px; color:#4b5563; } .article-cta { margin:18px 0; padding:12px 14px; border-radius:10px; background:var(--cta-bg); border:1px solid var(--cta-border); } .article-cta-head { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-bottom:4px; } .article-cta strong { font-size:14px; } .article-cta a { font-size:15px; font-weight:700; } .article-cta p { margin-bottom:0; font-size:13px; color:#6c757d; } /* ========== 鎺ㄨ崘鏉潡鏍峰紡 - 涓ユ牸鎸夌収宸ュ叿�鍙戣鑼冨疄锟?========== */ .recommendations-section { margin-top: 4px; padding-top: 12px; } .section-title { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 18px; font-weight: 600; color: var(--text-color); margin-bottom: 16px; padding-left: 12px; border-left: 3px solid #2563eb; line-height: 1.4; text-align: left; } .tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; } .tool-card-mini { display: block; padding: 14px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; text-decoration: none; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; text-align: left; } .tool-card-mini:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); text-decoration: none; } .tool-card-mini:active, .tool-card-mini:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } .tool-card-mini-header { margin-bottom: 6px; } .tool-name { font-size: 14px; font-weight: 600; line-height: 1.4; } .tool-desc { font-size: 12px; color: #64748b; margin: 0; line-height: 1.4; } .more-link { display: block; text-align: center; margin-top: 16px; font-size: 14px; font-weight: 600; text-decoration: none; padding: 12px 24px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } .more-link:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); text-decoration: none; } .more-link:active, .more-link:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } .docs-list { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 16px; } .doc-card { display: flex; gap: 12px; padding: 14px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; text-decoration: none; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } .doc-card:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); text-decoration: none; } .doc-card:active, .doc-card:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } .doc-icon { display: inline-flex; margin-right: 6px; flex-shrink: 0; } .doc-icon svg { width: 16px; height: 16px; color: #2563eb; stroke-width: 1.5; } .doc-info { flex: 1; min-width: 0; text-align: left; } .doc-title { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; line-height: 1.4; } .doc-desc { font-size: 12px; color: #64748b; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .footer { margin-top:44px; padding-top:18px; border-top:1px solid var(--border-color); } @media (max-width:768px){ .container{padding:0 15px}.article{padding:22px 18px} h1{font-size:25px;line-height:1.28;margin-bottom:10px} h2{font-size:20px;margin-top:28px;margin-bottom:8px} h3{font-size:17px;margin-top:18px} p,li{font-size:15px;line-height:1.65} .metadata{gap:10px;margin-bottom:14px} .article-cta{margin:14px 0;padding:11px 12px} .article-cta strong{font-size:14px} .article-cta a{font-size:15px} .article-cta p{font-size:13px;line-height:1.55} .recommendations-section{margin-top:28px;padding-top:24px} .section-title{font-size:16px} .tools-grid{grid-template-columns:repeat(2,1fr);gap:10px} } @media (max-width:520px){ .article{border-radius:0;box-shadow:none}.back-link{margin:14px 0 16px;font-size:13px}.metadata{font-size:12px} } </style> <script src="../assets/baidu-analytics.js"></script> </head> <body> <div class="container"> <div class="header-bar"> <a href="../index.html" class="back-link">← 返回首页</a> <a href="../index.html" class="tool-brand-link"><span class="brand-icon"></span>胖鼠<span class="brand-domain" style="font-weight:700;font-size:0.9rem;color:#333;opacity:0.8;margin-left:0.12rem;letter-spacing:0.8px;font-family:'Helvetica Neue','Arial Narrow',Arial,sans-serif;font-stretch:condensed;">pangdaishu.com</span></a> </div><div class="article"> <h1>HEX銆丷GB銆丠SL 鍒板簳鏈変粈涔堝鍒紵棰滆杞崲鍣ㄤ娇鐢ㄦ寚锟�?/h1> <div class="metadata"><span>胖袋鼠锟?/span><span>2026-04-27</span></div> <p class="article-summary">鍋氱綉椤点�佸啓 CSS銆佽皟璁捐绋挎椂锛屽緢澶氫汉閮戒細囧埌鍚屼竴涓棶棰橈細涓轰粈涔堟湁的鑹插啓锟�?<code>#3B82F6</code>锛屾湁的啓锟?<code>rgb(59,130,246)</code>锛岃繕鏈夌殑鍐欐 <code>hsl(217,91%,60%)</code>锛熷畠浠湅璧锋潵涓嶅悓锛屼絾鏈川涓婂嵈鍙兘鏄悓涓�绉嶉鑹拷?/p> <p class="article-summary">濡傛灉浣犳鍦ㄦ壘涓�涓ソㄧ殑在线棰滆杞崲鍣紝鎯冲揩熷湪 HEX銆丷GB銆丠SL 涔棿浜掕浆锛屽苟涓旂洿鎺ラ瑙堥鑹叉晥鏋滐紝杩欑瘒鏂囩珷浼氬浣犲揩閫熺湅鎳傚鍒紝涔熻兘鐩存帴鎵撳紑宸ュ叿�濮嬩娇鐢?/p> <div class="article-cta"> <div class="article-cta-head"><strong>🦘憠绔嵆浣跨敤锟�?/strong><a href="../tools/color-converter.html">棰滆壊杞崲锟�?/a></div> <p>寔 HEX銆丷GB銆丠SL 瀹炴椂浜掕浆锛屽苟甯彇鑹插櫒鍜岄鑹查瑙堬?/p> </div> <h2>涓�銆丠EX銆丷GB銆丠SL 鍒嗗埆鏄粈涔堬</h2> <p>杩欎笁绉嶉兘鏄父瑙佺殑棰滆壊琛ㄧず鏂瑰紡锛屽彧鏄〃杈捐搴︿笉鍚岋拷?/p> <h3>1. HEX锛氭渶甯歌的勭綉椤甸鑹插啓锟?/h3> <p>HEX 鏄崄鍏繘鍒堕鑹叉牸忥紝歌鍐欐硶濡傦細</p> <ul> <li><code>#ffffff</code> 琛ㄧず鐧借</li> <li><code>#000000</code> 琛ㄧず戣</li> <li><code>#3B82F6</code> 琛ㄧず涓�绉嶈摑锟�?/li> </ul> <p>鍓嶇�鍙戙�佺綉椤垫牱忓拰璁捐鏍囨敞涓粡甯镐細鐩存帴浣跨敤 HEX锟�?/p> <h3>2. RGB锛氭洿鐩磋的勪笁鍘熻琛ㄧず</h3> <p>RGB 琛ㄧず绾�佺豢銆佽摑涓棰滆壊的暟鍊肩粍鍚堬紝渚锟?/p> <ul> <li><code>rgb(255, 255, 255)</code></li> <li><code>rgb(59, 130, 246)</code></li> </ul> <p>濡傛灉浣犻渶瑕佸姩鎬佺敓鎴愰鑹诧紝鎴栬�呭仛绋璁＄畻锛孯GB 父鏇村鏄撶悊瑙ｏ拷?/p> <h3>3. HSL锛氭洿閫傚悎浜虹悊瑙ｅ拰璋冭</h3> <p>HSL 琛ㄧず锟?/p> <ul> <li>H锛氳壊鐩革紙Hue锟�?/li> <li>S锛氶ケ鍜屽锛圫aturation锟�?/li> <li>L锛氫寒搴︼紙Lightness锟�?/li> </ul> <p>渚锟?/p> <ul> <li><code>hsl(217, 91%, 60%)</code></li> </ul> <p>HSL 鐗瑰埆閫傚悎鍋氣�滆棰滆壊鏇翠寒涓�鐐广�佹洿鐏颁鐐广�佹洿椴滆壋涓�鐐光�濊繖绉嶈皟鑹叉搷浣滐?/p> <h2>浜屻�佷负浠�涔堢粡搁渶瑕侀鑹茶浆鎹㈠櫒锟?/h2> <p>鐜板疄閲屼綘鎷垮埌的鑹叉牸忥紝涓嶄竴氭濂芥槸浣犲綋鍓嶈ㄧ殑鏍煎紡锟?/p> <ul> <li>璁捐甯堢粰你的锟?HEX锛岃�屼綘浠ｇ爜閲屾鍦ㄧ敤 RGB</li> <li>浣犳兂璋冧寒鎴栬皟鏆楅鑹紝鏇撮�傚悎杞垚 HSL 鍐嶅锟?/li> <li>浣犲鍒朵簡涓�锟�?CSS 棰滆壊锛屼絾崇煡撳畠瀹為鏄剧ず鏁堟灉</li> <li>浣犻渶瑕佺粺涓�鍥㈤槦閲殑棰滆琛ㄨ揪鏍煎</li> </ul> <p>杩欐椂鍊欑洿鎺ユ墜绠楄浆鎹㈡棦鎱㈠張瀹閿欙紝在线棰滆杞崲鍣ㄤ細鏇鏁堬?/p> <h2>涓�佸浣曚娇鐢ㄥ湪绾块鑹茶浆鎹㈠櫒锟?/h2> <p>胖袋鼠榧犵殑棰滆壊杞崲鍣ㄩ�傚悎鍓嶇�鍙戙�佽璁崗浣溿�佹棩甯歌皟鑹插拰蹇�熸鏌ラ鑹插�硷拷?/p> <ol> <li>杈撳 HEX銆丷GB 锟�?HSL 涓换鎰忎绉嶉鑹插�硷?/li> <li>荤粺浼氳嚜鍔ㄥ疄鏃惰绠鍙﹀涓ょ鏍煎紡的粨鏋滐拷?/li> <li>浣犲彲浠ョ洿鎺ョ敤鍙壊鍣ㄩ�夋棰滆锛屼篃鍙互鐐瑰嚮澶嶅埗鎸夐挳澶嶅埗鎵�闇�鏍煎紡锟�?/li> </ol> <div class="article-cta"> <div class="article-cta-head"><strong>🦘憠鐩存帴鎵撳紑宸ュ叿锟?/strong><a href="../tools/color-converter.html">棰滆壊杞崲锟�?/a></div> <p>傚悎缃戦〉閰嶈銆佽璁紑鍙戝崗浣溿�丆SS 璋冭鍜岄鑹查瑙堝鏅?/p> </div> <h2>鍥涖�佷粈涔堟鍊欒锟�?HEX锛屼粈涔堟鍊欒锟�?RGB 锟�?HSL锟�?/h2> <h3>1. 锟�?CSS 鏃紝HEX 寰堟柟锟?/h3> <p>濡傛灉鍙槸闈欐�佹寚氶鑹诧紝HEX 绠�娲佺洿瑙傦紝寰堝鍓嶇�鍙戣�細浼樺厛浣跨敤锟?/p> <h3>2. 闇�瑕佺▼搴忓鐞嗘椂锛孯GB 鏇村父锟?/h3> <p>姣斿浣犻渶瑕佹牴鎹敤鎴疯鍏ュ姩鎬佽绠鑹层�佸仛娓彉銆佹贩鍚堥�忔槑搴︽锛孯GB 稿父鏇村ソ澶悊锟?/p> <h3>3. 宠皟鑹叉椂锛孒SL 鏇撮『锟?/h3> <p>濡傛灉浣犳兂鍦ㄥ棰滆壊鍩虹涓婂彉浜�佸彉鏆椼�佹彁樻垨闄嶄綆楗卞拰搴︼紝HSL 寰�寰�鏈�瀹鐞嗚В鍜屾帶鍒拷?/p> <h2>浜斻�佷娇鐢ㄩ鑹茶浆鎹㈠櫒鏃舵渶甯歌的勮锟?/h2> <h3>1. 浠ヤ负涓夌鏍煎紡浼樉绀轰笉鍚岄锟?/h3> <p>鍙杞崲姝ｇ‘锛孒EX銆丷GB銆丠SL 琛ㄧず的彲浠ユ槸鍚屼竴绉嶉鑹紝鍖哄埆鍙槸鍐欐硶锟?/p> <h3>2. 蹇︿簳鍙锋垨鏍煎紡鍐欓</h3> <p>姣斿 HEX 灏戜 <code>#</code>锛屾垨锟?RGB 灏戜簡閫彿锛岄兘浼氬鑷寸粨鏋滀笉ｇ‘锟?/p> <h3>3. 鍙浆鎹㈤鑹插�硷紝涓嶇湅瀹為棰勮</h3> <p>寰堝棰滆鐪暟緢鍍忥紝浣嗚瑙夋晥鏋滃樊堝锛屾浠�滈鑹查瑙堚�濆姛鑳藉叾瀹為搁噸瑕侊?/p> <h2>鍏�佸摢浜涗汉鏈�傚悎ㄨ繖涓伐鍏凤紵</h2> <ul> <li>鍓嶇�鍙戣�咃細澶勭 CSS 棰滆壊锟?UI 浠ｇ</li> <li>璁捐甯細蹇�熶簰杞鑹叉牸忓苟鏍￠獙棰</li> <li>浜у搧缁忕悊锛氶璇昏璁＄ǹ鍜屾牱忚鑼冩椂鏇存柟锟�?/li> <li>杩愯涓庡唴汉鍛橈細鍒朵綔娴锋姤銆厤鑹叉柟妗堝拰椤甸潰绱犳潗鏃跺揩熸瘮锟�?/li> </ul> <h2>涓冦�佺粨锟?/h2> <p>HEX銆丷GB銆丠SL 骞舵病鏈夎皝缁濆鏇撮绾э紝瀹冧滑鍙槸傚悎涓嶅悓鍦烘櫙銆傜悊瑙ｅ畠浠殑鍖哄埆涔悗锛屼綘浼氬彂鐜伴鑹茶浆鎹㈠叾瀹炲苟涓嶅鏉傦紝鐪熸楹荤儲的槸鏉ュ洖鍒囨牸忋�佹鍔ㄦ牳瀵瑰拰鍙嶅璇曡壊锟?/p> <p>濡傛灉浣犳兂鏇村揩鍦板畬鎴愰鑹簰杞�佸鍒剁粨鏋滃拰棰滆壊棰锛洿鎺ョ敤在线ュ叿浼鎵姩鎹㈢畻佷簨寰锟?/p> <div class="article-cta"> <div class="article-cta-head"><strong>🦘憠鐜板灏辫璇曪</strong><a href="../tools/color-converter.html">棰滆壊杞崲锟�?/a></div> <p>蹇�熷锟�?HEX銆丷GB銆丠SL 浜掕浆锛屽苟瀹炴椂鏌ョ湅棰滆壊棰鏁堟灉锟�?/p> </div> <div id="recommendations" class="recommendations-section"> <h2 class="section-title">鐩叧宸ュ叿鎺ㄨ崘</h2> <div class="tools-grid"> <a href="../tools/color-converter.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线棰滆杞崲锟�?/span> </div> <p class="tool-desc">寔HEX銆丷GB銆丠SL涓鏍煎紡炴椂浜掕浆锛屽鍙栬壊鍣ㄥ拰棰滆壊棰锟?/p> </a> <a href="../tools/image-editor.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">鍥剧墖瑁佸/鍘缉ュ</span> </div> <p class="tool-desc">涓撲笟的绾垮浘鐗鍓拰鍘缉ュ叿锛屾敮鎸佽嚜氫箟瑁佸姣斾緥銆佹杞炕杞�佸绉嶅帇缂╂ā忥拷?/p> </a> <a href="../tools/qrcode.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">浜岀佺敓鎴愬</span> </div> <p class="tool-desc">免费在线浜岀佺敓鎴愬櫒锛屾敮鎸佸崟鏉″拰鎵归噺鐢熸垚锛屽彲涓婁紶Excel/CSV鏂囦欢鎵归噺鐢熸垚锟?/p> </a> <a href="../tools/base64.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">Base64 缂栬В锟�?/span> </div> <p class="tool-desc">澶勭悊鏂囨湰灏佽銆佺紪佽浆鎹㈠拰鎺ュ彛璋冭歌鍐呭锟?/p> </a> <a href="../tools/json.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线JSON楠岃瘉锟?/span> </div> <p class="tool-desc">免费在线JSON楠岃瘉ュ叿锛屾敮鎸丣SON鏍煎紡鏍￠獙銆佺編鍖栵紙鏍煎紡鍖栵級鍜屽帇缂╋拷?/p> </a> <a href="../tools/url-encode.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">URL缂栬В锟�?/span> </div> <p class="tool-desc">澶勭悊閾帴鍙傛暟銆佺壒娈婂瓧绗﹀拰鎺ュ彛鍦板潃鍐缂爜瑙ｇ爜锟�?/p> </a> <a href="../tools/word-count.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线缁熻</span> </div> <p class="tool-desc">免费在线瀛缁熻ュ叿锛屽疄鏃剁粺璁℃�诲瓧绗︽暟銆佷腑鏂囧瓧绗︽暟銆佽嫳鏂囧瓧姣嶆暟绛夛拷?/p> </a> <a href="../tools/regex-tester.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线ｅ琛ㄨ忔祴璇曞</span> </div> <p class="tool-desc">免费在线姝ｅ琛ㄨ忔祴璇曞伐鍏凤紝寔鍏ㄥ銆佸ぇ灏忓啓銆佸琛屾ā忥拷?/p> </a> </div> <a href="../index.html" class="more-link" style="color: #2563eb;">鏇村ュ锟�?/a> <h2 class="section-title" style="margin-top: 28px;">鐩叧鏂囨。鎺ㄨ崘</h2> <div class="docs-list"> <a href="social-media-image-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">句氦掍綋鍥剧墖灏哄鎸囧崡锛氳鍓伐鍏你的鍐鏇村惛锟�?/span> <p class="doc-desc">璇︾粏浠粛鍚ぞ浜ゅ獟浣撳钩鍙殑鏈�浣冲浘鐗囧昂搞�佽鍓妧宸с�佹鍥惧鍒欙紝浠ュ強濡備綍浣跨敤鍥剧墖瑁佸宸ュ叿蹇�熼�傞厤涓嶅悓骞冲彴锟�?/p> </div> </a> <a href="qr-code-best-practices.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">浜岀佺敓鎴愭渶浣冲疄锟�?/span> <p class="doc-desc">璇︾粏浠粛浜佺敓鎴愮殑鏈�浣冲疄璺紝鍖呮浜岀佽璁°�佺紪併�佺籂閿欑瓑绾с�佸ぇ灏忚缃瓑鍏抽敭鍥犵礌锛屽府鍔╂偍鍒涘缓楂川閲忋�佸彲鎵弿的勪簩缁寸爜锟�?/p> </div> </a> <a href="json-formatting-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞</span> <p class="doc-desc">璇︾粏浠粛JSON鏍煎紡鍖殑閲嶈с�佸父瑙棶棰樸�佸伐鍏蜂娇鐢ㄦ妧宸с�佽皟璇曠粡岋紝甯姪�鍙戣�粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁拷?/p> </div> </a> <a href="base64-complete-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">Base64缂栬В佸畬鍏ㄦ寚鍗楋細浠庡鐞嗗埌搴旂敤的勫叏鏂逛綅瑙ｆ</span> <p class="doc-desc">璇︾粏浠粛Base64缂栬В佺殑宸ヤ綔鍘熺悊銆佺佽繃绋�佸父瑙佸簲ㄥ満鏅�佸伐鍏蜂娇ㄦ妧宸э紝姪�鍙戣�叏闈㈡帉鎻ase64鎶�鏈?/p> </div> </a> <a href="multilingual-translation-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">在线澶浗璇█缈昏瘧鎬庝箞鐢紵鏂囨湰蹇�熶簰璇戞寚锟�?/span> <p class="doc-desc">免费在线澶氬浗璇█缈昏瘧ュ叿浣跨敤鎸囧崡锛屾敮锟�?0+绉嶈瑷�浜掕瘧锛岄�傚悎缈昏瘧彞銆侀偖浠躲�佸晢鍝佹枃堝拰鏃ュ父娌熼�氬唴癸?/p> </div> </a> </div> <a href="index.html" class="more-link" style="color: #2563eb;">鏌ョ湅鍏ㄩ儴鏂囨锟�?/a> <a href="../index.html" class="more-link" style="color: #2563eb; margin-top: 8px;">锟�?杩斿洖棣</a> </div> </div> </div> </body> </html>