[{"data":1,"prerenderedAt":440},["ShallowReactive",2],{"guide-color-tools":3,"related-color-tools":207},{"id":4,"title":5,"body":6,"category":184,"description":185,"extension":186,"keywords":187,"meta":194,"navigation":195,"path":196,"readingTime":197,"relatedTools":198,"seo":202,"stem":203,"type":204,"updatedAt":205,"__hash__":206},"guides\u002Fhelp\u002Fguides\u002Fcolor-tools.md","在线颜色工具使用指南：颜色代码互转与拾色器",{"type":7,"value":8,"toc":171},"minimark",[9,13,17,21,24,28,36,40,43,46,134,137,140,143],[10,11,12],"p",{},"在线颜色工具支持拾色器选色、HEX\u002FRGB\u002FHSL\u002FHSV\u002FCMYK五种颜色格式实时互转，所有计算在浏览器本地完成，无需上传数据。",[14,15,16],"h2",{"id":16},"核心功能",[18,19,20],"h3",{"id":20},"颜色选择器",[10,22,23],{},"点击拾色器按钮，从可视化面板中选择任意颜色。选取后所有格式自动同步显示。",[18,25,27],{"id":26},"hex颜色输入","HEX颜色输入",[10,29,30,31,35],{},"直接输入十六进制颜色值（如 ",[32,33,34],"code",{},"#3498db","），支持3位简写格式。输入即自动计算其他格式。",[18,37,39],{"id":38},"rgb数值调节","RGB数值调节",[10,41,42],{},"分别调整红(R)、绿(G)、蓝(B)三个通道（0-255），实时看到颜色变化。",[18,44,45],{"id":45},"五种格式互转",[47,48,49,65],"table",{},[50,51,52],"thead",{},[53,54,55,59,62],"tr",{},[56,57,58],"th",{},"格式",[56,60,61],{},"示例",[56,63,64],{},"应用场景",[66,67,68,82,95,108,121],"tbody",{},[53,69,70,74,79],{},[71,72,73],"td",{},"HEX",[71,75,76],{},[32,77,78],{},"#2ecc71",[71,80,81],{},"网页开发",[53,83,84,87,92],{},[71,85,86],{},"RGB",[71,88,89],{},[32,90,91],{},"rgb(46,204,113)",[71,93,94],{},"CSS样式",[53,96,97,100,105],{},[71,98,99],{},"HSL",[71,101,102],{},[32,103,104],{},"hsl(145,63%,49%)",[71,106,107],{},"配色设计",[53,109,110,113,118],{},[71,111,112],{},"HSV",[71,114,115],{},[32,116,117],{},"hsv(145,77%,80%)",[71,119,120],{},"图形软件",[53,122,123,126,131],{},[71,124,125],{},"CMYK",[71,127,128],{},[32,129,130],{},"cmyk(77%,0%,45%,0%)",[71,132,133],{},"印刷输出",[18,135,136],{"id":136},"一键复制",[10,138,139],{},"每个颜色值旁都有复制按钮，点击即可将对应格式复制到剪贴板。",[14,141,142],{"id":142},"使用场景",[144,145,146,153,159,165],"ul",{},[147,148,149,152],"li",{},[150,151,81],"strong",{},"：从设计稿获取HEX颜色，转换为CSS中需要的RGB或HSL格式",[147,154,155,158],{},[150,156,157],{},"UI设计","：使用HSL模式快速调整色相、饱和度和亮度，生成同色系配色",[147,160,161,164],{},[150,162,163],{},"印刷设计","：将屏幕颜色的HEX\u002FRGB转换为CMYK格式，确保印刷色彩准确",[147,166,167,170],{},[150,168,169],{},"日常取色","：从网页或图片中获取颜色值，用于设计项目",{"title":172,"searchDepth":173,"depth":173,"links":174},"",2,[175,183],{"id":16,"depth":173,"text":16,"children":176},[177,179,180,181,182],{"id":20,"depth":178,"text":20},3,{"id":26,"depth":178,"text":27},{"id":38,"depth":178,"text":39},{"id":45,"depth":178,"text":45},{"id":136,"depth":178,"text":136},{"id":142,"depth":173,"text":142},"image","免费在线颜色工具使用指南，支持颜色选择器、HEX\u002FRGB\u002FHSL\u002FHSV\u002FCMYK格式互转，实时预览颜色效果，一键复制颜色值。纯前端处理，无需上传，保护隐私。","md",[188,189,190,191,192,193],"颜色工具使用","颜色代码转换","HEX转RGB","在线拾色器","HSL转换","CMYK转换",{},true,"\u002Fhelp\u002Fguides\u002Fcolor-tools",4,[199,200,201],"color-tools","image-to-icon","qr-code-generator",{"title":5,"description":185},"help\u002Fguides\u002Fcolor-tools","guide","2026-06-18","U1Tx72EwT2i01JuD3hVBQIreMrKvxsvIV-9csFSPq-Y",[208,333],{"id":4,"title":5,"body":209,"category":184,"description":185,"extension":186,"keywords":329,"meta":330,"navigation":195,"path":196,"readingTime":197,"relatedTools":331,"seo":332,"stem":203,"type":204,"updatedAt":205,"__hash__":206},{"type":7,"value":210,"toc":319},[211,213,215,217,219,221,225,227,229,231,295,297,299,301],[10,212,12],{},[14,214,16],{"id":16},[18,216,20],{"id":20},[10,218,23],{},[18,220,27],{"id":26},[10,222,30,223,35],{},[32,224,34],{},[18,226,39],{"id":38},[10,228,42],{},[18,230,45],{"id":45},[47,232,233,243],{},[50,234,235],{},[53,236,237,239,241],{},[56,238,58],{},[56,240,61],{},[56,242,64],{},[66,244,245,255,265,275,285],{},[53,246,247,249,253],{},[71,248,73],{},[71,250,251],{},[32,252,78],{},[71,254,81],{},[53,256,257,259,263],{},[71,258,86],{},[71,260,261],{},[32,262,91],{},[71,264,94],{},[53,266,267,269,273],{},[71,268,99],{},[71,270,271],{},[32,272,104],{},[71,274,107],{},[53,276,277,279,283],{},[71,278,112],{},[71,280,281],{},[32,282,117],{},[71,284,120],{},[53,286,287,289,293],{},[71,288,125],{},[71,290,291],{},[32,292,130],{},[71,294,133],{},[18,296,136],{"id":136},[10,298,139],{},[14,300,142],{"id":142},[144,302,303,307,311,315],{},[147,304,305,152],{},[150,306,81],{},[147,308,309,158],{},[150,310,157],{},[147,312,313,164],{},[150,314,163],{},[147,316,317,170],{},[150,318,169],{},{"title":172,"searchDepth":173,"depth":173,"links":320},[321,328],{"id":16,"depth":173,"text":16,"children":322},[323,324,325,326,327],{"id":20,"depth":178,"text":20},{"id":26,"depth":178,"text":27},{"id":38,"depth":178,"text":39},{"id":45,"depth":178,"text":45},{"id":136,"depth":178,"text":136},{"id":142,"depth":173,"text":142},[188,189,190,191,192,193],{},[199,200,201],{"title":5,"description":185},{"id":334,"title":335,"body":336,"category":184,"description":422,"extension":186,"keywords":423,"meta":430,"navigation":195,"path":431,"readingTime":178,"relatedTools":432,"seo":437,"stem":438,"type":204,"updatedAt":205,"__hash__":439},"guides\u002Fhelp\u002Fguides\u002Fmeme-maker.md","表情包制作使用指南：在线添加文字生成搞笑图片",{"type":7,"value":337,"toc":417},[338,341,344,382,385,400,403],[10,339,340],{},"表情包制作工具支持上传图片并添加自定义文字，纯前端处理，无需上传服务器。",[14,342,343],{"id":343},"支持的参数",[144,345,346,352,358,364,370,376],{},[147,347,348,351],{},[150,349,350],{},"图片来源","：本地上传图片",[147,353,354,357],{},[150,355,356],{},"顶部文字","：可选的顶部文字行",[147,359,360,363],{},[150,361,362],{},"底部文字","：可选的底部文字行",[147,365,366,369],{},[150,367,368],{},"字体大小","：调节文字大小",[147,371,372,375],{},[150,373,374],{},"文字颜色","：选择文字颜色",[147,377,378,381],{},[150,379,380],{},"描边效果","：白色描边增强可读性",[14,383,384],{"id":384},"使用步骤",[386,387,388,391,394,397],"ol",{},[147,389,390],{},"上传一张图片",[147,392,393],{},"输入顶部和\u002F或底部文字",[147,395,396],{},"调整字体大小和颜色",[147,398,399],{},"预览效果满意后点击下载",[14,401,402],{"id":402},"制作技巧",[144,404,405,408,411,414],{},[147,406,407],{},"选择表情风格统一的图片作为底图",[147,409,410],{},"文字简洁有力，控制在8-12字以内",[147,412,413],{},"使用白色描边确保任何背景色下文字都清晰",[147,415,416],{},"可以先用图片裁剪工具预处理图片尺寸",{"title":172,"searchDepth":173,"depth":173,"links":418},[419,420,421],{"id":343,"depth":173,"text":343},{"id":384,"depth":173,"text":384},{"id":402,"depth":173,"text":402},"免费在线表情包制作工具，支持上传图片添加顶部和底部文字，自定义字体大小、颜色、描边效果。纯前端处理，无需上传服务器。",[424,425,426,427,428,429],"表情包制作","在线表情包","图片加文字","搞笑图片制作","meme生成器","图片配字",{},"\u002Fhelp\u002Fguides\u002Fmeme-maker",[433,434,435,436],"meme-maker","image-watermark","img-convert","image-stitch",{"title":335,"description":422},"help\u002Fguides\u002Fmeme-maker","_SSMofjK4xFV5NMYHeZjH3-ZK7QsdAjwBfbXFPSfrxs",1781756945233]