[{"data":1,"prerenderedAt":239},["ShallowReactive",2],{"color-palette-generator-pt-br":3,"mdc-ksclje-key":156,"mdc-hjltml-key":167,"mdc-qtkqvm-key":175,"mdc--t3gnwf-key":183,"mdc--1ioczp-key":191,"mdc-91eyq4-key":199,"mdc-p847ll-key":207,"mdc-dj0bkh-key":215,"mdc--34v7ie-key":223,"mdc--hxygwg-key":231},{"id":4,"title":5,"author":6,"body":7,"description":119,"extension":131,"faq":132,"meta":148,"navigation":149,"path":150,"publishedAt":151,"seo":152,"stem":153,"subtitle":154,"updatedAt":151,"__hash__":155},"color_converter_content\u002Fpt-br\u002Fcolor-palette-generator.md","Guia de formatos de cor","ToolkitVault.com",{"type":8,"value":9,"toc":118},"minimark",[10,15,19,22,26,38,41,45,48,51,55,58,61,65,68,72,75,79,95,99,110,114],[11,12,14],"h2",{"id":13},"por-que-os-formatos-de-cor-são-importantes","Por que os formatos de cor são importantes",[16,17,18],"p",{},"Os formatos de cor definem como uma cor é descrita e compartilhada. HEX é muito usado em CSS. RGB é a base das telas. HSL facilita ajustes de luminosidade e saturação. HSV é frequente nos seletores de cores. CMYK é essencial para impressão.",[16,20,21],{},"Entender esses formatos ajuda a manter a consistência entre produto, marketing e impressão.",[11,23,25],{"id":24},"códigos-de-cor-hex","Códigos de cor HEX",[16,27,28,29,33,34,37],{},"HEX é uma forma compacta de representar RGB. Um código de 6 caracteres como ",[30,31,32],"code",{},"#1F2937"," corresponde aos canais vermelho, verde e azul. O formato de 8 caracteres ",[30,35,36],{},"#RRGGBBAA"," adiciona o canal alfa.",[16,39,40],{},"Use HEX para variáveis CSS, design tokens e configurações.",[11,42,44],{"id":43},"rgb-e-rgba","RGB e RGBA",[16,46,47],{},"RGB define a cor com três canais de 0 a 255. RGBA acrescenta o canal alfa para transparência. É o modelo mais direto para telas.",[16,49,50],{},"RGB é útil para transformações programáticas e APIs.",[11,52,54],{"id":53},"hsl-e-hsla","HSL e HSLA",[16,56,57],{},"HSL descreve matiz, saturação e luminosidade. Facilita criar variações consistentes ajustando apenas a luminosidade.",[16,59,60],{},"HSL é ótimo para temas e acessibilidade.",[11,62,64],{"id":63},"hsv-hsb","HSV (HSB)",[16,66,67],{},"HSV usa valor, ou brilho, e costuma ser mais intuitivo em seletores de cores, mas menos regular para criar escalas.",[11,69,71],{"id":70},"cmyk-para-impressão","CMYK para impressão",[16,73,74],{},"CMYK descreve as quantidades de ciano, magenta, amarelo e preto. A conversão de RGB para CMYK pode alterar cores muito vivas.",[11,76,78],{"id":77},"dicas-práticas","Dicas práticas",[80,81,82,86,89,92],"ul",{},[83,84,85],"li",{},"HEX para compacidade e CSS.",[83,87,88],{},"HSL para construir tons claros e sombras.",[83,90,91],{},"RGB para trabalho técnico em tela.",[83,93,94],{},"CMYK para materiais de impressão.",[11,96,98],{"id":97},"conversões-comuns","Conversões comuns",[80,100,101,104,107],{},[83,102,103],{},"HEX ↔ RGB: conversão direta de canais.",[83,105,106],{},"RGB ↔ HSL\u002FHSV: útil para ajustes perceptivos.",[83,108,109],{},"RGB ↔ CMYK: referência para impressão (com variações).",[11,111,113],{"id":112},"faqs","FAQs",[115,116],"faq-list",{":items":117},"faq",{"title":119,"searchDepth":120,"depth":120,"links":121},"",2,[122,123,124,125,126,127,128,129,130],{"id":13,"depth":120,"text":14},{"id":24,"depth":120,"text":25},{"id":43,"depth":120,"text":44},{"id":53,"depth":120,"text":54},{"id":63,"depth":120,"text":64},{"id":70,"depth":120,"text":71},{"id":77,"depth":120,"text":78},{"id":97,"depth":120,"text":98},{"id":112,"depth":120,"text":113},"md",[133,136,139,142,145],{"question":134,"answer":135},"Qual é a diferença entre HEX e RGB?","HEX é a forma compacta em hexadecimal do RGB (ex. #1F2937). RGB descreve a cor pelos canais vermelho, verde e azul (ex. rgb(31, 41, 55)).",{"question":137,"answer":138},"Quando devo usar HSL em vez de RGB?","HSL facilita ajustar luminosidade e saturação mantendo o mesmo matiz, sendo ótimo para UI e contraste acessível.",{"question":140,"answer":141},"O que é HSV?","HSV usa valor, ou brilho, em vez de luminosidade. É comum em seletores de cores, mas menos estável para criar escalas consistentes.",{"question":143,"answer":144},"Por que as cores mudam em CMYK?","CMYK é um modelo subtrativo para impressão. Algumas cores RGB muito vivas não são reproduzidas exatamente.",{"question":146,"answer":147},"O que significa o canal alfa em RGBA ou HSLA?","O canal alfa representa a opacidade, de 0 (transparente) a 1 (opaco).",{},true,"\u002Fpt-br\u002Fcolor-palette-generator","2026-01-21T08:00:00.000Z",{"title":5,"description":119},"pt-br\u002Fcolor-palette-generator","Entenda os códigos de cor, quando usar cada formato e como manter consistência no web, design e impressão.","9-1SVqMdWQO7gorO_Y2u2uZCNvBq_1cBocB4bB9Dh_o",{"data":157,"body":158},{},{"type":159,"children":160},"root",[161],{"type":162,"tag":16,"props":163,"children":164},"element",{},[165],{"type":166,"value":134},"text",{"data":168,"body":169},{},{"type":159,"children":170},[171],{"type":162,"tag":16,"props":172,"children":173},{},[174],{"type":166,"value":135},{"data":176,"body":177},{},{"type":159,"children":178},[179],{"type":162,"tag":16,"props":180,"children":181},{},[182],{"type":166,"value":137},{"data":184,"body":185},{},{"type":159,"children":186},[187],{"type":162,"tag":16,"props":188,"children":189},{},[190],{"type":166,"value":138},{"data":192,"body":193},{},{"type":159,"children":194},[195],{"type":162,"tag":16,"props":196,"children":197},{},[198],{"type":166,"value":140},{"data":200,"body":201},{},{"type":159,"children":202},[203],{"type":162,"tag":16,"props":204,"children":205},{},[206],{"type":166,"value":144},{"data":208,"body":209},{},{"type":159,"children":210},[211],{"type":162,"tag":16,"props":212,"children":213},{},[214],{"type":166,"value":141},{"data":216,"body":217},{},{"type":159,"children":218},[219],{"type":162,"tag":16,"props":220,"children":221},{},[222],{"type":166,"value":143},{"data":224,"body":225},{},{"type":159,"children":226},[227],{"type":162,"tag":16,"props":228,"children":229},{},[230],{"type":166,"value":146},{"data":232,"body":233},{},{"type":159,"children":234},[235],{"type":162,"tag":16,"props":236,"children":237},{},[238],{"type":166,"value":147},1786609978199]