[{"data":1,"prerenderedAt":150},["ShallowReactive",2],{"random-color-palette-generator-pt-br":3},{"id":4,"title":5,"author":6,"body":7,"description":117,"extension":125,"faq":126,"meta":142,"navigation":143,"path":144,"publishedAt":145,"seo":146,"stem":147,"subtitle":148,"updatedAt":145,"__hash__":149},"random_palette_content\u002Fpt-br\u002Frandom-color-palette-generator.md","Gerador de paletas aleatórias: ideias, método e uso","ToolkitVault.com",{"type":8,"value":9,"toc":116},"minimark",[10,15,19,23,52,56,73,77,109,113],[11,12,14],"h2",{"id":13},"por-que-vale-a-pena-usar-paletas-aleatórias","Por que vale a pena usar paletas aleatórias",[16,17,18],"p",{},"Elas aceleram a exploração e revelam combinações que não surgem em escolhas previsíveis. São ótimas para interfaces, identidade visual inicial e testes rápidos.",[11,20,22],{"id":21},"um-método-simples-para-avaliar-uma-paleta","Um método simples para avaliar uma paleta",[24,25,26,34,40,46],"ul",{},[27,28,29,33],"li",{},[30,31,32],"strong",{},"Contraste:"," texto legível em cores claras e escuras.",[27,35,36,39],{},[30,37,38],{},"Acentos:"," 1–2 cores fortes para botões e alertas.",[27,41,42,45],{},[30,43,44],{},"Neutros:"," cores suaves para fundos e superfícies.",[27,47,48,51],{},[30,49,50],{},"Coerência:"," sensação de conjunto consistente.",[11,53,55],{"id":54},"transformar-em-sistema-de-ui","Transformar em sistema de UI",[16,57,58,59,62,63,62,66,62,69,72],{},"Defina papéis: ",[30,60,61],{},"primária",", ",[30,64,65],{},"acentos",[30,67,68],{},"neutros",[30,70,71],{},"texto",". Depois ajuste a luminosidade e a saturação para melhorar o contraste.",[11,74,76],{"id":75},"escolher-o-formato-de-exportação","Escolher o formato de exportação",[24,78,79,85,91,97,103],{},[27,80,81,84],{},[30,82,83],{},"HEX:"," tokens CSS e design systems.",[27,86,87,90],{},[30,88,89],{},"RGB:"," lógica de código e APIs.",[27,92,93,96],{},[30,94,95],{},"HSL:"," ajustes rápidos de contraste.",[27,98,99,102],{},[30,100,101],{},"HSV:"," fluxos de seleção de cores.",[27,104,105,108],{},[30,106,107],{},"CMYK:"," referência para impressão.",[11,110,112],{"id":111},"gerar-novamente-ou-ajustar","Gerar novamente ou ajustar?",[16,114,115],{},"Se a estrutura estiver boa, mas faltar personalidade, faça ajustes. Se estiver incoerente, gere outra paleta e compare. Algumas iterações costumam produzir uma boa base.",{"title":117,"searchDepth":118,"depth":118,"links":119},"",2,[120,121,122,123,124],{"id":13,"depth":118,"text":14},{"id":21,"depth":118,"text":22},{"id":54,"depth":118,"text":55},{"id":75,"depth":118,"text":76},{"id":111,"depth":118,"text":112},"md",[127,130,133,136,139],{"question":128,"answer":129},"As paletas aleatórias são úteis?","Sim. Elas ajudam a quebrar padrões e descobrir novas combinações antes dos ajustes finais para produção.",{"question":131,"answer":132},"Como avaliar uma paleta rapidamente?","Verifique contraste, legibilidade do texto, força dos acentos e equilíbrio dos neutros.",{"question":134,"answer":135},"Por que algumas paletas parecem pouco vibrantes?","Saturações e luminosidades equilibradas tornam a paleta mais usável em UI, embora menos intensa.",{"question":137,"answer":138},"Posso usar essas paletas em um produto real?","Use como ponto de partida e depois ajuste contraste, acessibilidade e funções de cor.",{"question":140,"answer":141},"Que formato devo exportar?","Use HEX para tokens CSS, RGB para código, HSL para ajustes de contraste, HSV para seletores e CMYK para impressão.",{},true,"\u002Fpt-br\u002Frandom-color-palette-generator","2026-01-21T08:00:00.000Z",{"title":5,"description":117},"pt-br\u002Frandom-color-palette-generator","Entenda por que paletas aleatórias inspiram, como avaliá-las rapidamente e como transformá-las em sistemas úteis.","1s6iwovMxzYZjL_VEt8WPsLzNcYz_hQugYK8ovzq1Wg",1786609979731]