[{"data":1,"prerenderedAt":128},["ShallowReactive",2],{"blog-post-es-colores-contraste-thumbnails":3},{"id":4,"title":5,"body":6,"category":115,"date":116,"description":117,"extension":118,"locale":119,"meta":120,"navigation":121,"path":122,"seo":123,"slug":124,"stem":125,"translationKey":126,"__hash__":127},"blog\u002Fblog\u002Fes\u002Fcolores-contraste-thumbnails.md","Cómo elegir colores y contraste para que tu thumbnail destaque",{"type":7,"value":8,"toc":104},"minimark",[9,13,18,21,24,37,41,44,56,59,63,66,70,73,77,80,84,101],[10,11,12],"p",{},"El color no funciona solo por estética. En YouTube, su trabajo principal es hacer que tu thumbnail se vea rápido, se entienda rápido y se recuerde rápido.",[14,15,17],"h2",{"id":16},"empieza-por-el-contraste-no-por-la-paleta","Empieza por el contraste, no por la paleta",[10,19,20],{},"Antes de pensar en “qué colores pegan”, piensa en qué elemento debe dominar la imagen. Si el sujeto principal se pierde contra el fondo, la paleta no importa.",[10,22,23],{},"Una regla simple:",[25,26,27,31,34],"ul",{},[28,29,30],"li",{},"Fondo oscuro + sujeto claro",[28,32,33],{},"Fondo claro + sujeto oscuro",[28,35,36],{},"Un color de acento para dirigir la mirada",[14,38,40],{"id":39},"usa-un-color-dominante-y-un-acento","Usa un color dominante y un acento",[10,42,43],{},"Muchas miniaturas fallan porque todo tiene la misma intensidad. Funciona mejor un sistema muy simple:",[45,46,47,50,53],"ol",{},[28,48,49],{},"Un color dominante.",[28,51,52],{},"Un color secundario discreto.",[28,54,55],{},"Un acento fuerte para resaltar lo importante.",[10,57,58],{},"Ese acento puede vivir en una palabra, una flecha, una expresión o un detalle clave.",[14,60,62],{"id":61},"haz-la-prueba-en-pequeño","Haz la prueba en pequeño",[10,64,65],{},"Reduce tu thumbnail hasta un tamaño muy pequeño. Si la figura principal sigue separándose del fondo y el texto sigue siendo reconocible, vas bien. Si todo se convierte en una mancha, falta contraste.",[14,67,69],{"id":68},"revisa-light-mode-y-dark-mode","Revisa light mode y dark mode",[10,71,72],{},"YouTube se consume en interfaces claras y oscuras. Una thumbnail con poco borde o poca separación puede desaparecer en una de las dos. Añadir sombras, contornos o un borde sutil suele mejorar mucho la visibilidad.",[14,74,76],{"id":75},"menos-colores-más-intención","Menos colores, más intención",[10,78,79],{},"No necesitas una miniatura llena de tonos llamativos. Necesitas una imagen con una dirección visual clara. Un exceso de color puede restar fuerza en lugar de sumar atención.",[14,81,83],{"id":82},"una-checklist-rápida","Una checklist rápida",[25,85,86,89,92,95,98],{},[28,87,88],{},"¿El sujeto principal se ve antes que el fondo?",[28,90,91],{},"¿Hay un acento visual evidente?",[28,93,94],{},"¿Los colores ayudan a entender la escena?",[28,96,97],{},"¿La miniatura sigue funcionando en pequeño?",[28,99,100],{},"¿Se distingue bien en light y dark mode?",[10,102,103],{},"La mejor thumbnail no es la más “bonita”. Es la que hace más fácil entender por qué merece un clic.",{"title":105,"searchDepth":106,"depth":106,"links":107},"",3,[108,110,111,112,113,114],{"id":16,"depth":109,"text":17},2,{"id":39,"depth":109,"text":40},{"id":61,"depth":109,"text":62},{"id":68,"depth":109,"text":69},{"id":75,"depth":109,"text":76},{"id":82,"depth":109,"text":83},"Design","2026-04-15","Una guía práctica para usar contraste, fondos y acentos de color sin saturar la miniatura.","md","es",{},true,"\u002Fblog\u002Fes\u002Fcolores-contraste-thumbnails",{"title":5,"description":117},"colores-contraste-thumbnails","blog\u002Fes\u002Fcolores-contraste-thumbnails","color-contrast-thumbnails","FMFMTrJCMv75tREEcUDCDhtKzXPw1TS6qCfMbTyibEU",1787062777216]