Visualizador de Acordes de Piano<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Estilos personalizados para complementar o Tailwind *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n .piano-key {\n position: relative;\n border: 1px solid #6b7280;\n box-shadow: 2px 2px 5px rgba(0,0,0,0.2);\n cursor: pointer;\n transition: background-color 0.1s ease;\n }\n .white-key {\n background-color: #f8fafc;\n height: 220px;\n width: 100%;\n }\n .white-key:hover {\n background-color: #e2e8f0;\n }\n .black-key {\n background-color: #1f2937;\n height: 130px;\n width: 60%;\n position: absolute;\n left: 70%;\n top: 0;\n z-index: 10;\n }\n .black-key:hover {\n background-color: #374151;\n }\n .note-dot {\n position: absolute;\n bottom: 15px;\n left: 50%;\n transform: translateX(-50%);\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: white;\n font-size: 12px;\n border: 2px solid rgba(255, 255, 255, 0.7);\n box-shadow: 0 4px 6px rgba(0,0,0,0.2);\n z-index: 20;\n }\n .black-key .note-dot {\n bottom: 10px;\n width: 28px;\n height: 28px;\n font-size: 11px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"w-full max-w-4xl bg-white rounded-xl shadow-lg p-6 md:p-8\">\n \n <header class=\"text-center mb-6\">\n <h1 class=\"text-3xl md:text-4xl font-bold text-gray-800\">Visualizador de Acordes<\/h1>\n <p class=\"text-gray-600 mt-2\">Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano.<\/p>\n <\/header>\n\n \n <div class=\"flex flex-col sm:flex-row gap-3 mb-6\">\n <input type=\"text\" id=\"chordInput\" placeholder=\"Digite o acorde aqui...\" class=\"flex-grow text-lg p-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition\">\n <button id=\"findChordBtn\" class=\"bg-blue-600 text-white font-bold text-lg px-8 py-3 rounded-lg hover:bg-blue-700 transition shadow-md\">Desenhar Acorde<\/button>\n <\/div>\n\n \n <div id=\"messageArea\" class=\"text-center min-h-[24px] mb-4 text-gray-700 font-medium\"><\/div>\n\n \n <div id=\"pianoContainer\" class=\"w-full bg-gray-800 p-4 rounded-lg shadow-inner select-none\">\n <div id=\"piano\" class=\"relative flex\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"inversionControls\" class=\"mt-6 text-center\">\n \n <\/div>\n\n \n <div id=\"colorLegend\" class=\"mt-6 pt-4 border-t border-gray-200\">\n <h3 class=\"text-lg font-semibold text-center text-gray-700 mb-3\">Legenda de Cores<\/h3>\n <div class=\"flex flex-wrap justify-center gap-x-4 gap-y-2\">\n \n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ --- CONSTANTES E DADOS FUNDAMENTAIS ---\n const noteValues = {\n 'C': 0, 'B#': 0, 'C#': 1, 'Db': 1, 'D': 2, 'D#': 3, 'Eb': 3, 'E': 4, 'Fb': 4,\n 'F': 5, 'E#': 5, 'F#': 6, 'Gb': 6, 'G': 7, 'G#': 8, 'Ab': 8, 'A': 9,\n 'A#': 10, 'Bb': 10, 'B': 11, 'Cb': 11,\n };\n const valueToNote = ['C', 'C#', 'D', 'D#', 'E', 'F', 'F#', 'G', 'G#', 'A', 'A#', 'B'];\n \n const chordFormulas = {\n 'M': [0, 4, 7], 'maj': [0, 4, 7], '': [0, 4, 7],\n 'M7': [0, 4, 7, 11], 'maj7': [0, 4, 7, 11], '7M': [0, 4, 7, 11],\n '6': [0, 4, 7, 9], 'M6': [0, 4, 7, 9],\n 'm': [0, 3, 7], 'min': [0, 3, 7],\n 'm7': [0, 3, 7, 10], \n 'm(maj7)': [0, 3, 7, 11], 'm7M': [0, 3, 7, 11], 'mM7': [0, 3, 7, 11], \/\/ CORRE\u00c7\u00c3O: Adicionado m7M e mM7\n 'm6': [0, 3, 7, 9],\n 'm7b5': [0, 3, 6, 10], '\u00f8': [0, 3, 6, 10],\n '7': [0, 4, 7, 10],\n 'dim': [0, 3, 6, 9], '\u00b0': [0, 3, 6, 9],\n 'dim7': [0, 3, 6, 9], '\u00b07': [0, 3, 6, 9],\n 'aug': [0, 4, 8], '+': [0, 4, 8],\n 'sus4': [0, 5, 7], 'sus': [0, 5, 7], '4': [0, 5, 7],\n 'sus2': [0, 2, 7],\n '5': [0, 7],\n };\n\n const alterationIntervals = {\n 'b5': { find: 7, replace: 6 }, '5b': { find: 7, replace: 6 },\n '#5': { find: 7, replace: 8 }, '5#': { find: 7, replace: 8 },\n '6': { add: 9 },\n 'b9': { add: 13 },\n '9': { add: 14 }, 'add9': { add: 14 },\n '#9': { add: 15 },\n '11': { add: 17 },\n '#11': { add: 18 },\n 'b13': { add: 20 },\n '13': { add: 21 },\n };\n\n const intervalColors = {\n 0: { color: 'bg-gray-900', name: 'T\u00f4nica (T)', label: 'T' }, 1: { color: 'bg-purple-700', name: '2\u00aa menor (b9)', label: 'b9' },\n 2: { color: 'bg-purple-500', name: '2\u00aa Maior (9)', label: '9' }, 3: { color: 'bg-orange-600', name: '3\u00aa menor (3m)', label: '3m' },\n 4: { color: 'bg-red-600', name: '3\u00aa Maior (3M)', label: '3M' }, 5: { color: 'bg-yellow-500', name: '4\u00aa Justa (4\/11)', label: '4' },\n 6: { color: 'bg-teal-600', name: '5\u00aa diminuta (b5)', label: 'b5' }, 7: { color: 'bg-green-600', name: '5\u00aa Justa (5)', label: '5' },\n 8: { color: 'bg-teal-400', name: '5\u00aa aumentada (#5)', label: '#5' }, 9: { color: 'bg-sky-500', name: '6\u00aa Maior (6\/13)', label: '6' },\n 10: { color: 'bg-blue-700', name: '7\u00aa menor (7m)', label: '7m' }, 11: { color: 'bg-blue-500', name: '7\u00aa Maior (7M)', label: '7M' },\n };\n\n \/\/ --- ELEMENTOS DO DOM ---\n const piano = document.getElementById('piano');\n const chordInput = document.getElementById('chordInput');\n const findChordBtn = document.getElementById('findChordBtn');\n const messageArea = document.getElementById('messageArea');\n const inversionControls = document.getElementById('inversionControls');\n const colorLegend = document.getElementById('colorLegend').querySelector('div');\n\n \/\/ --- FUN\u00c7\u00d5ES DE L\u00d3GICA ---\n\n function parseChordInput(input) {\n input = input.trim();\n if (!input) return null;\n\n let standardizedInput = input.charAt(0).toUpperCase() + input.slice(1);\n \/\/ CORRE\u00c7\u00c3O: Regex agora aceita baixo em caixa baixa (A-Ga-g)\n const chordRegex = \/^([A-G](?:#|b)?)([^\/()]*)(?:\$(.*?)\$)?(?:\\\/([A-Ga-g](?:#|b)?))?$\/;\n const match = standardizedInput.match(chordRegex);\n\n if (!match) return null;\n\n let [, rootNoteStr, qualityStr, alterationsStr, bassNoteStr] = match;\n qualityStr = qualityStr.trim(); \n\n const rootValue = noteValues[rootNoteStr];\n if (rootValue === undefined) return null;\n\n const sortedQualities = Object.keys(chordFormulas).sort((a, b) => b.length - a.length);\n let baseQuality = null;\n let formula = null;\n for (const q of sortedQualities) {\n if (qualityStr === q) {\n baseQuality = q;\n formula = [...chordFormulas[q]];\n break;\n }\n }\n if (!formula) return null;\n\n if (alterationsStr) {\n const alterations = alterationsStr.match(\/(\\#|b)?\\d+\/g) || [];\n if (['', 'M', 'maj', '6'].includes(baseQuality) && alterations.some(alt => ['b9', '#9', '11', '#11', '13', 'b13'].includes(alt))) {\n if (!formula.includes(10) && !formula.includes(11)) {\n formula.push(10); \/\/ Adiciona 7\u00aa menor se n\u00e3o houver 7\u00aa\n }\n }\n for (const alt of alterations) {\n if (alterationIntervals[alt]) {\n const mod = alterationIntervals[alt];\n if (mod.replace !== undefined) {\n const index = formula.indexOf(mod.find);\n if (index > -1) formula[index] = mod.replace;\n }\n if (mod.add !== undefined && !formula.includes(mod.add)) {\n formula.push(mod.add);\n }\n }\n }\n }\n \n formula.sort((a, b) => a - b);\n\n let bassValue = null;\n if (bassNoteStr) {\n \/\/ CORRE\u00c7\u00c3O: Garante que a nota do baixo seja capitalizada antes da busca\n const standardizedBass = bassNoteStr.charAt(0).toUpperCase() + bassNoteStr.slice(1);\n bassValue = noteValues[standardizedBass];\n if (bassValue === undefined) return null;\n }\n\n return { rootValue, formula, bassValue, input };\n }\n\n function getInversions(rootPositionNotes) {\n const inversions = [rootPositionNotes];\n const tempNotes = [...rootPositionNotes];\n for (let i = 0; i < rootPositionNotes.length - 1; i++) {\n const firstNote = tempNotes.shift();\n tempNotes.push(firstNote + 12);\n inversions.push([...tempNotes]);\n }\n return inversions;\n }\n\n function normalizeNotesToKeyboard(notes) {\n let normalized = [...notes];\n const pianoMin = 3 * 12; \/\/ C3\n const pianoMax = (5 * 12) + 11; \/\/ B5\n\n while (Math.max(...normalized) > pianoMax) {\n normalized = normalized.map(n => n - 12);\n }\n while (Math.min(...normalized) < pianoMin) {\n normalized = normalized.map(n => n + 12);\n }\n return normalized;\n }\n\n \/\/ --- FUN\u00c7\u00d5ES DE RENDERIZA\u00c7\u00c3O (DOM) ---\n\n function drawPiano() {\n piano.innerHTML = '';\n const noteNames = ['C', 'D', 'E', 'F', 'G', 'A', 'B'];\n const blackKeyMap = { 'C': 'C#', 'D': 'D#', 'F': 'F#', 'G': 'G#', 'A': 'A#' };\n for (let octave = 3; octave <= 5; octave++) {\n for (const note of noteNames) {\n const keyContainer = document.createElement('div');\n keyContainer.className = 'relative flex-1';\n const whiteKey = document.createElement('div');\n whiteKey.className = 'piano-key white-key';\n whiteKey.dataset.note = `${note}${octave}`;\n keyContainer.appendChild(whiteKey);\n if (blackKeyMap[note]) {\n const blackKey = document.createElement('div');\n blackKey.className = 'piano-key black-key';\n blackKey.dataset.note = `${blackKeyMap[note]}${octave}`;\n keyContainer.appendChild(blackKey);\n }\n piano.appendChild(keyContainer);\n }\n }\n }\n\n function clearPiano() {\n document.querySelectorAll('.note-dot').forEach(dot => dot.remove());\n }\n\n function drawChord(noteValues, intervals, rootValue) {\n clearPiano();\n noteValues.forEach(noteValue => {\n const octave = Math.floor(noteValue \/ 12);\n const noteName = valueToNote[noteValue % 12];\n const key = document.querySelector(`[data-note=\"${noteName}${octave}\"]`);\n if (key) {\n let interval = (noteValue - rootValue);\n while(interval < 0) interval += 12;\n interval = interval % 12;\n \n const colorInfo = intervalColors[interval] || { color: 'bg-pink-500', label: '?' };\n const dot = document.createElement('div');\n dot.className = `note-dot ${colorInfo.color}`;\n dot.textContent = colorInfo.label;\n dot.title = colorInfo.name;\n key.appendChild(dot);\n }\n });\n }\n\n function generateLegend() {\n colorLegend.innerHTML = '';\n for (const key in intervalColors) {\n const { color, name } = intervalColors[key];\n const legendItem = document.createElement('div');\n legendItem.className = 'flex items-center';\n legendItem.innerHTML = `<span class=\"w-4 h-4 rounded-full ${color} mr-2 border border-gray-400\"><\/span><span>${name}<\/span>`;\n colorLegend.appendChild(legendItem);\n }\n }\n\n \/\/ --- FUN\u00c7\u00c3O PRINCIPAL ---\n\n function findAndDrawChord() {\n const input = chordInput.value;\n const parsedChord = parseChordInput(input);\n\n messageArea.textContent = '';\n inversionControls.innerHTML = '';\n\n if (!parsedChord) {\n clearPiano();\n messageArea.textContent = `N\u00e3o entendi \"${input}\". Tente: \"Am7\", \"CM7\", \"Cm7M\" ou \"C\/g\".`;\n return;\n }\n\n const { rootValue, formula, bassValue, input: originalInput } = parsedChord;\n const startOctave = 4;\n const rootNote = rootValue + (startOctave * 12);\n const rootPositionNotes = formula.map(interval => rootNote + interval);\n\n if (bassValue !== null) {\n messageArea.textContent = `Mostrando ${originalInput}`;\n let bassNote = bassValue + (startOctave * 12);\n while (Math.abs(bassNote - rootNote) > 8) {\n if (bassNote > rootNote) bassNote -= 12; else bassNote += 12;\n }\n let notesToDraw = [bassNote];\n rootPositionNotes.forEach(note => {\n if ((note % 12) !== (bassValue % 12)) {\n let currentNote = note;\n while (currentNote < notesToDraw[notesToDraw.length - 1]) {\n currentNote += 12;\n }\n notesToDraw.push(currentNote);\n }\n });\n notesToDraw.sort((a, b) => a - b);\n drawChord(normalizeNotesToKeyboard(notesToDraw), formula, rootValue);\n } else {\n messageArea.textContent = `Mostrando ${originalInput}. Quer ver outras invers\u00f5es?`;\n const inversions = getInversions(rootPositionNotes);\n inversions.forEach((inversionNotes, index) => {\n const btn = document.createElement('button');\n btn.className = 'px-4 py-2 m-1 border border-blue-500 text-blue-600 font-semibold rounded-lg hover:bg-blue-100 transition';\n btn.textContent = (index === 0) ? 'Posi\u00e7\u00e3o Fundamental' : `${index}\u00aa Invers\u00e3o`;\n btn.onclick = () => {\n document.querySelectorAll('#inversionControls button').forEach(b => b.classList.remove('bg-blue-100', 'font-bold'));\n btn.classList.add('bg-blue-100', 'font-bold');\n drawChord(normalizeNotesToKeyboard(inversionNotes), formula, rootValue);\n };\n inversionControls.appendChild(btn);\n });\n const rootBtn = inversionControls.querySelector('button');\n rootBtn.classList.add('bg-blue-100', 'font-bold');\n drawChord(normalizeNotesToKeyboard(inversions[0]), formula, rootValue);\n }\n }\n\n \/\/ --- INICIALIZA\u00c7\u00c3O E EVENTOS ---\n drawPiano();\n generateLegend();\n findChordBtn.addEventListener('click', findAndDrawChord);\n chordInput.addEventListener('keyup', (event) => {\n if (event.key === 'Enter') findAndDrawChord();\n });\n \n \/\/ Exemplo inicial\n chordInput.value = 'C';\n findAndDrawChord();\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20056","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"M\u00fasica sem Segredos - Musica para todos\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos\" \/>\n\t\t<meta property=\"og:description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-08-26T16:35:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-08-26T16:35:12+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/musicasemsegredos.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#listItem\",\"name\":\"Dicion\\u00e1rios de Acordes\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#listItem\",\"position\":2,\"name\":\"Dicion\\u00e1rios de Acordes\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#organization\",\"name\":\"M\\u00fasica sem Segredos\",\"description\":\"Musica para todos\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/musicasemsegredos.com\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248%2C248&ssl=1\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#organizationLogo\",\"width\":248,\"height\":248},\"image\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#webpage\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/\",\"name\":\"Dicion\\u00e1rios de Acordes - M\\u00fasica sem Segredos\",\"description\":\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\\\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#breadcrumblist\"},\"datePublished\":\"2025-08-26T13:35:11-03:00\",\"dateModified\":\"2025-08-26T13:35:12-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#website\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/\",\"name\":\"M\\u00fasica sem Segredos\",\"description\":\"Musica para todos\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","canonical_url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com#listItem","position":1,"name":"Home","item":"https:\/\/musicasemsegredos.com","nextItem":{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#listItem","name":"Dicion\u00e1rios de Acordes"}},{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#listItem","position":2,"name":"Dicion\u00e1rios de Acordes","previousItem":{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/musicasemsegredos.com\/#organization","name":"M\u00fasica sem Segredos","description":"Musica para todos","url":"https:\/\/musicasemsegredos.com\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248%2C248&ssl=1","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#organizationLogo","width":248,"height":248},"image":{"@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#webpage","url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","name":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/musicasemsegredos.com\/#website"},"breadcrumb":{"@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#breadcrumblist"},"datePublished":"2025-08-26T13:35:11-03:00","dateModified":"2025-08-26T13:35:12-03:00"},{"@type":"WebSite","@id":"https:\/\/musicasemsegredos.com\/#website","url":"https:\/\/musicasemsegredos.com\/","name":"M\u00fasica sem Segredos","description":"Musica para todos","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/musicasemsegredos.com\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"M\u00fasica sem Segredos - Musica para todos","og:type":"article","og:title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","og:description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","og:url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","og:image":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1","article:published_time":"2025-08-26T16:35:11+00:00","article:modified_time":"2025-08-26T16:35:12+00:00","twitter:card":"summary_large_image","twitter:title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","twitter:description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","twitter:image":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1"},"aioseo_meta_data":{"post_id":"20056","title":null,"description":null,"keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-02 22:55:00","updated":"2026-09-02 22:55:00"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/musicasemsegredos.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tDicion\u00e1rios de Acordes\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/musicasemsegredos.com"},{"label":"Dicion\u00e1rios de Acordes","link":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/"}],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8f7pv-5du","jetpack-related-posts":[{"id":19025,"url":"https:\/\/musicasemsegredos.com\/index.php\/exercicios-com-escalas-menores-para-improvisar\/","url_meta":{"origin":20056,"position":0},"title":"Exerc\u00edcios com Escalas Menores para Improvisar","author":"nevesf","date":"13\/12\/2021","format":false,"excerpt":"Improvise como um Mestre Estudando Escalas 15 minutos por dia! Improvisa\u00e7\u00e3o \u00e9 uma quest\u00e3o de flu\u00eancia. \u00c9 como aprender um novo idioma. Voc\u00ea pode saber um monte de teoria, mas se n\u00e3o partir para a pr\u00e1tica, nada feito. E como se aprende um novo idioma? Primeiro, voc\u00ea aprende a teoria\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"Escalas para improvisar","src":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":560,"url":"https:\/\/musicasemsegredos.com\/index.php\/conceitos-e-dicas\/o-que-sao-e-para-que-servem-as-claves\/","url_meta":{"origin":20056,"position":1},"title":"O que s\u00e3o e para que servem as claves","author":"nevesf","date":"10\/03\/2017","format":false,"excerpt":"\u00a0 O significado da palavra clave vem do latim que significa chave. Quando falamos de m\u00fasica, usamos o pentagrama para indicar as notas, dura\u00e7\u00f5es e pausas, mas cinco linhas e quatro espa\u00e7os \u00e9 muito pouco para alcan\u00e7ar todo o range de notas musicais aud\u00edveis. Tomemos por exemplo, um contrabaixo ac\u00fastico\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":20049,"url":"https:\/\/musicasemsegredos.com\/index.php\/afinador\/","url_meta":{"origin":20056,"position":2},"title":"Afinador","author":"nevesf","date":"30\/07\/2025","format":false,"excerpt":"Afinador de Viol\u00e3o Afinador de Viol\u00e3o Clique em \"Ligar Afinador\" para come\u00e7ar -- Aguardando... Frequ\u00eancia Detectada 0.0 Hz Ligar Afinador Afina\u00e7\u00e3o Padr\u00e3o (EADGBe)","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":186,"url":"https:\/\/musicasemsegredos.com\/index.php\/construindo-escalas-maiores-em-doze-tons\/","url_meta":{"origin":20056,"position":3},"title":"Construindo as escalas maiores em doze tons","author":"nevesf","date":"21\/01\/2017","format":false,"excerpt":"A m\u00fasica ocidental contempor\u00e2nea \u00e9 constru\u00edda com base nas sete notas musicais b\u00e1sicas. No entanto, estas notas possuem atera\u00e7\u00f5es que s\u00e3o os sustenidos e bem\u00f3is que juntos somam doze sons. A maneira como estes sons s\u00e3o combinados formam as escalas que por sua vez d\u00e3o origem aos acordes. A menor\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/sqTTq-YbvmE\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/comments?post=20056"}],"version-history":[{"count":3,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056\/revisions"}],"predecessor-version":[{"id":20059,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056\/revisions\/20059"}],"wp:attachment":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/media?parent=20056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":20056,"date":"2025-08-26T13:35:11","date_gmt":"2025-08-26T16:35:11","guid":{"rendered":"https:\/\/musicasemsegredos.com\/?page_id=20056"},"modified":"2025-08-26T13:35:12","modified_gmt":"2025-08-26T16:35:12","slug":"dicionarios-de-acordes","status":"publish","type":"page","link":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","title":{"rendered":"Dicion\u00e1rios de Acordes"},"content":{"rendered":"\n

Piano e Teclado<\/h2>\n\n\n\n\n\n\n \n \n Visualizador de Acordes de Piano<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Estilos personalizados para complementar o Tailwind \/\n body {\n font-family: 'Inter', sans-serif;\n }\n .piano-key {\n position: relative;\n border: 1px solid #6b7280;\n box-shadow: 2px 2px 5px rgba(0,0,0,0.2);\n cursor: pointer;\n transition: background-color 0.1s ease;\n }\n .white-key {\n background-color: #f8fafc;\n height: 220px;\n width: 100%;\n }\n .white-key:hover {\n background-color: #e2e8f0;\n }\n .black-key {\n background-color: #1f2937;\n height: 130px;\n width: 60%;\n position: absolute;\n left: 70%;\n top: 0;\n z-index: 10;\n }\n .black-key:hover {\n background-color: #374151;\n }\n .note-dot {\n position: absolute;\n bottom: 15px;\n left: 50%;\n transform: translateX(-50%);\n width: 32px;\n height: 32px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: white;\n font-size: 12px;\n border: 2px solid rgba(255, 255, 255, 0.7);\n box-shadow: 0 4px 6px rgba(0,0,0,0.2);\n z-index: 20;\n }\n .black-key .note-dot {\n bottom: 10px;\n width: 28px;\n height: 28px;\n font-size: 11px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"w-full max-w-4xl bg-white rounded-xl shadow-lg p-6 md:p-8\">\n \n <header class=\"text-center mb-6\">\n <h1 class=\"text-3xl md:text-4xl font-bold text-gray-800\">Visualizador de Acordes<\/h1>\n <p class=\"text-gray-600 mt-2\">Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano.<\/p>\n <\/header>\n\n \n <div class=\"flex flex-col sm:flex-row gap-3 mb-6\">\n <input type=\"text\" id=\"chordInput\" placeholder=\"Digite o acorde aqui...\" class=\"flex-grow text-lg p-3 border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition\">\n <button id=\"findChordBtn\" class=\"bg-blue-600 text-white font-bold text-lg px-8 py-3 rounded-lg hover:bg-blue-700 transition shadow-md\">Desenhar Acorde<\/button>\n <\/div>\n\n \n <div id=\"messageArea\" class=\"text-center min-h-[24px] mb-4 text-gray-700 font-medium\"><\/div>\n\n \n <div id=\"pianoContainer\" class=\"w-full bg-gray-800 p-4 rounded-lg shadow-inner select-none\">\n <div id=\"piano\" class=\"relative flex\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"inversionControls\" class=\"mt-6 text-center\">\n \n <\/div>\n\n \n <div id=\"colorLegend\" class=\"mt-6 pt-4 border-t border-gray-200\">\n <h3 class=\"text-lg font-semibold text-center text-gray-700 mb-3\">Legenda de Cores<\/h3>\n <div class=\"flex flex-wrap justify-center gap-x-4 gap-y-2\">\n \n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ --- CONSTANTES E DADOS FUNDAMENTAIS ---\n const noteValues = {\n 'C': 0, 'B#': 0, 'C#': 1, 'Db': 1, 'D': 2, 'D#': 3, 'Eb': 3, 'E': 4, 'Fb': 4,\n 'F': 5, 'E#': 5, 'F#': 6, 'Gb': 6, 'G': 7, 'G#': 8, 'Ab': 8, 'A': 9,\n 'A#': 10, 'Bb': 10, 'B': 11, 'Cb': 11,\n };\n const valueToNote = ['C', 'C#', 'D', 'D#', 'E', 'F', 'F#', 'G', 'G#', 'A', 'A#', 'B'];\n \n const chordFormulas = {\n 'M': [0, 4, 7], 'maj': [0, 4, 7], '': [0, 4, 7],\n 'M7': [0, 4, 7, 11], 'maj7': [0, 4, 7, 11], '7M': [0, 4, 7, 11],\n '6': [0, 4, 7, 9], 'M6': [0, 4, 7, 9],\n 'm': [0, 3, 7], 'min': [0, 3, 7],\n 'm7': [0, 3, 7, 10], \n 'm(maj7)': [0, 3, 7, 11], 'm7M': [0, 3, 7, 11], 'mM7': [0, 3, 7, 11], \/\/ CORRE\u00c7\u00c3O: Adicionado m7M e mM7\n 'm6': [0, 3, 7, 9],\n 'm7b5': [0, 3, 6, 10], '\u00f8': [0, 3, 6, 10],\n '7': [0, 4, 7, 10],\n 'dim': [0, 3, 6, 9], '\u00b0': [0, 3, 6, 9],\n 'dim7': [0, 3, 6, 9], '\u00b07': [0, 3, 6, 9],\n 'aug': [0, 4, 8], '+': [0, 4, 8],\n 'sus4': [0, 5, 7], 'sus': [0, 5, 7], '4': [0, 5, 7],\n 'sus2': [0, 2, 7],\n '5': [0, 7],\n };\n\n const alterationIntervals = {\n 'b5': { find: 7, replace: 6 }, '5b': { find: 7, replace: 6 },\n '#5': { find: 7, replace: 8 }, '5#': { find: 7, replace: 8 },\n '6': { add: 9 },\n 'b9': { add: 13 },\n '9': { add: 14 }, 'add9': { add: 14 },\n '#9': { add: 15 },\n '11': { add: 17 },\n '#11': { add: 18 },\n 'b13': { add: 20 },\n '13': { add: 21 },\n };\n\n const intervalColors = {\n 0: { color: 'bg-gray-900', name: 'T\u00f4nica (T)', label: 'T' }, 1: { color: 'bg-purple-700', name: '2\u00aa menor (b9)', label: 'b9' },\n 2: { color: 'bg-purple-500', name: '2\u00aa Maior (9)', label: '9' }, 3: { color: 'bg-orange-600', name: '3\u00aa menor (3m)', label: '3m' },\n 4: { color: 'bg-red-600', name: '3\u00aa Maior (3M)', label: '3M' }, 5: { color: 'bg-yellow-500', name: '4\u00aa Justa (4\/11)', label: '4' },\n 6: { color: 'bg-teal-600', name: '5\u00aa diminuta (b5)', label: 'b5' }, 7: { color: 'bg-green-600', name: '5\u00aa Justa (5)', label: '5' },\n 8: { color: 'bg-teal-400', name: '5\u00aa aumentada (#5)', label: '#5' }, 9: { color: 'bg-sky-500', name: '6\u00aa Maior (6\/13)', label: '6' },\n 10: { color: 'bg-blue-700', name: '7\u00aa menor (7m)', label: '7m' }, 11: { color: 'bg-blue-500', name: '7\u00aa Maior (7M)', label: '7M' },\n };\n\n \/\/ --- ELEMENTOS DO DOM ---\n const piano = document.getElementById('piano');\n const chordInput = document.getElementById('chordInput');\n const findChordBtn = document.getElementById('findChordBtn');\n const messageArea = document.getElementById('messageArea');\n const inversionControls = document.getElementById('inversionControls');\n const colorLegend = document.getElementById('colorLegend').querySelector('div');\n\n \/\/ --- FUN\u00c7\u00d5ES DE L\u00d3GICA ---\n\n function parseChordInput(input) {\n input = input.trim();\n if (!input) return null;\n\n let standardizedInput = input.charAt(0).toUpperCase() + input.slice(1);\n \/\/ CORRE\u00c7\u00c3O: Regex agora aceita baixo em caixa baixa (A-Ga-g)\n const chordRegex = \/^([A-G](?:#|b)?)([^\/()])(?:\$(.?)\$)?(?:\\\/([A-Ga-g](?:#|b)?))?$\/;\n const match = standardizedInput.match(chordRegex);\n\n if (!match) return null;\n\n let [, rootNoteStr, qualityStr, alterationsStr, bassNoteStr] = match;\n qualityStr = qualityStr.trim(); \n\n const rootValue = noteValues[rootNoteStr];\n if (rootValue === undefined) return null;\n\n const sortedQualities = Object.keys(chordFormulas).sort((a, b) => b.length - a.length);\n let baseQuality = null;\n let formula = null;\n for (const q of sortedQualities) {\n if (qualityStr === q) {\n baseQuality = q;\n formula = [...chordFormulas[q]];\n break;\n }\n }\n if (!formula) return null;\n\n if (alterationsStr) {\n const alterations = alterationsStr.match(\/(\\#|b)?\\d+\/g) || [];\n if (['', 'M', 'maj', '6'].includes(baseQuality) && alterations.some(alt => ['b9', '#9', '11', '#11', '13', 'b13'].includes(alt))) {\n if (!formula.includes(10) && !formula.includes(11)) {\n formula.push(10); \/\/ Adiciona 7\u00aa menor se n\u00e3o houver 7\u00aa\n }\n }\n for (const alt of alterations) {\n if (alterationIntervals[alt]) {\n const mod = alterationIntervals[alt];\n if (mod.replace !== undefined) {\n const index = formula.indexOf(mod.find);\n if (index > -1) formula[index] = mod.replace;\n }\n if (mod.add !== undefined && !formula.includes(mod.add)) {\n formula.push(mod.add);\n }\n }\n }\n }\n \n formula.sort((a, b) => a - b);\n\n let bassValue = null;\n if (bassNoteStr) {\n \/\/ CORRE\u00c7\u00c3O: Garante que a nota do baixo seja capitalizada antes da busca\n const standardizedBass = bassNoteStr.charAt(0).toUpperCase() + bassNoteStr.slice(1);\n bassValue = noteValues[standardizedBass];\n if (bassValue === undefined) return null;\n }\n\n return { rootValue, formula, bassValue, input };\n }\n\n function getInversions(rootPositionNotes) {\n const inversions = [rootPositionNotes];\n const tempNotes = [...rootPositionNotes];\n for (let i = 0; i < rootPositionNotes.length - 1; i++) {\n const firstNote = tempNotes.shift();\n tempNotes.push(firstNote + 12);\n inversions.push([...tempNotes]);\n }\n return inversions;\n }\n\n function normalizeNotesToKeyboard(notes) {\n let normalized = [...notes];\n const pianoMin = 3 12; \/\/ C3\n const pianoMax = (5 * 12) + 11; \/\/ B5\n\n while (Math.max(...normalized) > pianoMax) {\n normalized = normalized.map(n => n - 12);\n }\n while (Math.min(...normalized) < pianoMin) {\n normalized = normalized.map(n => n + 12);\n }\n return normalized;\n }\n\n \/\/ --- FUN\u00c7\u00d5ES DE RENDERIZA\u00c7\u00c3O (DOM) ---\n\n function drawPiano() {\n piano.innerHTML = '';\n const noteNames = ['C', 'D', 'E', 'F', 'G', 'A', 'B'];\n const blackKeyMap = { 'C': 'C#', 'D': 'D#', 'F': 'F#', 'G': 'G#', 'A': 'A#' };\n for (let octave = 3; octave <= 5; octave++) {\n for (const note of noteNames) {\n const keyContainer = document.createElement('div');\n keyContainer.className = 'relative flex-1';\n const whiteKey = document.createElement('div');\n whiteKey.className = 'piano-key white-key';\n whiteKey.dataset.note = `${note}${octave}`;\n keyContainer.appendChild(whiteKey);\n if (blackKeyMap[note]) {\n const blackKey = document.createElement('div');\n blackKey.className = 'piano-key black-key';\n blackKey.dataset.note = `${blackKeyMap[note]}${octave}`;\n keyContainer.appendChild(blackKey);\n }\n piano.appendChild(keyContainer);\n }\n }\n }\n\n function clearPiano() {\n document.querySelectorAll('.note-dot').forEach(dot => dot.remove());\n }\n\n function drawChord(noteValues, intervals, rootValue) {\n clearPiano();\n noteValues.forEach(noteValue => {\n const octave = Math.floor(noteValue \/ 12);\n const noteName = valueToNote[noteValue % 12];\n const key = document.querySelector(`[data-note=\"${noteName}${octave}\"]`);\n if (key) {\n let interval = (noteValue - rootValue);\n while(interval < 0) interval += 12;\n interval = interval % 12;\n \n const colorInfo = intervalColors[interval] || { color: 'bg-pink-500', label: '?' };\n const dot = document.createElement('div');\n dot.className = `note-dot ${colorInfo.color}`;\n dot.textContent = colorInfo.label;\n dot.title = colorInfo.name;\n key.appendChild(dot);\n }\n });\n }\n\n function generateLegend() {\n colorLegend.innerHTML = '';\n for (const key in intervalColors) {\n const { color, name } = intervalColors[key];\n const legendItem = document.createElement('div');\n legendItem.className = 'flex items-center';\n legendItem.innerHTML = `<span class=\"w-4 h-4 rounded-full ${color} mr-2 border border-gray-400\"><\/span><span>${name}<\/span>`;\n colorLegend.appendChild(legendItem);\n }\n }\n\n \/\/ --- FUN\u00c7\u00c3O PRINCIPAL ---\n\n function findAndDrawChord() {\n const input = chordInput.value;\n const parsedChord = parseChordInput(input);\n\n messageArea.textContent = '';\n inversionControls.innerHTML = '';\n\n if (!parsedChord) {\n clearPiano();\n messageArea.textContent = `N\u00e3o entendi \"${input}\". Tente: \"Am7\", \"CM7\", \"Cm7M\" ou \"C\/g\".`;\n return;\n }\n\n const { rootValue, formula, bassValue, input: originalInput } = parsedChord;\n const startOctave = 4;\n const rootNote = rootValue + (startOctave * 12);\n const rootPositionNotes = formula.map(interval => rootNote + interval);\n\n if (bassValue !== null) {\n messageArea.textContent = `Mostrando ${originalInput}`;\n let bassNote = bassValue + (startOctave * 12);\n while (Math.abs(bassNote - rootNote) > 8) {\n if (bassNote > rootNote) bassNote -= 12; else bassNote += 12;\n }\n let notesToDraw = [bassNote];\n rootPositionNotes.forEach(note => {\n if ((note % 12) !== (bassValue % 12)) {\n let currentNote = note;\n while (currentNote < notesToDraw[notesToDraw.length - 1]) {\n currentNote += 12;\n }\n notesToDraw.push(currentNote);\n }\n });\n notesToDraw.sort((a, b) => a - b);\n drawChord(normalizeNotesToKeyboard(notesToDraw), formula, rootValue);\n } else {\n messageArea.textContent = `Mostrando ${originalInput}. Quer ver outras invers\u00f5es?`;\n const inversions = getInversions(rootPositionNotes);\n inversions.forEach((inversionNotes, index) => {\n const btn = document.createElement('button');\n btn.className = 'px-4 py-2 m-1 border border-blue-500 text-blue-600 font-semibold rounded-lg hover:bg-blue-100 transition';\n btn.textContent = (index === 0) ? 'Posi\u00e7\u00e3o Fundamental' : `${index}\u00aa Invers\u00e3o`;\n btn.onclick = () => {\n document.querySelectorAll('#inversionControls button').forEach(b => b.classList.remove('bg-blue-100', 'font-bold'));\n btn.classList.add('bg-blue-100', 'font-bold');\n drawChord(normalizeNotesToKeyboard(inversionNotes), formula, rootValue);\n };\n inversionControls.appendChild(btn);\n });\n const rootBtn = inversionControls.querySelector('button');\n rootBtn.classList.add('bg-blue-100', 'font-bold');\n drawChord(normalizeNotesToKeyboard(inversions[0]), formula, rootValue);\n }\n }\n\n \/\/ --- INICIALIZA\u00c7\u00c3O E EVENTOS ---\n drawPiano();\n generateLegend();\n findChordBtn.addEventListener('click', findAndDrawChord);\n chordInput.addEventListener('keyup', (event) => {\n if (event.key === 'Enter') findAndDrawChord();\n });\n \n \/\/ Exemplo inicial\n chordInput.value = 'C';\n findAndDrawChord();\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20056","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pt_BR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"M\u00fasica sem Segredos - Musica para todos\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos\" \/>\n\t\t<meta property=\"og:description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-08-26T16:35:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-08-26T16:35:12+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/musicasemsegredos.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#listItem\",\"name\":\"Dicion\\u00e1rios de Acordes\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#listItem\",\"position\":2,\"name\":\"Dicion\\u00e1rios de Acordes\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#organization\",\"name\":\"M\\u00fasica sem Segredos\",\"description\":\"Musica para todos\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/musicasemsegredos.com\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248%2C248&ssl=1\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#organizationLogo\",\"width\":248,\"height\":248},\"image\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#webpage\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/\",\"name\":\"Dicion\\u00e1rios de Acordes - M\\u00fasica sem Segredos\",\"description\":\"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\\\/c#) e veja no piano. Desenhar Acorde Legenda de Cores\",\"inLanguage\":\"pt-BR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/index.php\\\/dicionarios-de-acordes\\\/#breadcrumblist\"},\"datePublished\":\"2025-08-26T13:35:11-03:00\",\"dateModified\":\"2025-08-26T13:35:12-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#website\",\"url\":\"https:\\\/\\\/musicasemsegredos.com\\\/\",\"name\":\"M\\u00fasica sem Segredos\",\"description\":\"Musica para todos\",\"inLanguage\":\"pt-BR\",\"publisher\":{\"@id\":\"https:\\\/\\\/musicasemsegredos.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","canonical_url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com#listItem","position":1,"name":"Home","item":"https:\/\/musicasemsegredos.com","nextItem":{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#listItem","name":"Dicion\u00e1rios de Acordes"}},{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#listItem","position":2,"name":"Dicion\u00e1rios de Acordes","previousItem":{"@type":"ListItem","@id":"https:\/\/musicasemsegredos.com#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/musicasemsegredos.com\/#organization","name":"M\u00fasica sem Segredos","description":"Musica para todos","url":"https:\/\/musicasemsegredos.com\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248%2C248&ssl=1","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#organizationLogo","width":248,"height":248},"image":{"@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#webpage","url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","name":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","inLanguage":"pt-BR","isPartOf":{"@id":"https:\/\/musicasemsegredos.com\/#website"},"breadcrumb":{"@id":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/#breadcrumblist"},"datePublished":"2025-08-26T13:35:11-03:00","dateModified":"2025-08-26T13:35:12-03:00"},{"@type":"WebSite","@id":"https:\/\/musicasemsegredos.com\/#website","url":"https:\/\/musicasemsegredos.com\/","name":"M\u00fasica sem Segredos","description":"Musica para todos","inLanguage":"pt-BR","publisher":{"@id":"https:\/\/musicasemsegredos.com\/#organization"}}]},"og:locale":"pt_BR","og:site_name":"M\u00fasica sem Segredos - Musica para todos","og:type":"article","og:title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","og:description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","og:url":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/","og:image":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1","og:image:secure_url":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1","article:published_time":"2025-08-26T16:35:11+00:00","article:modified_time":"2025-08-26T16:35:12+00:00","twitter:card":"summary_large_image","twitter:title":"Dicion\u00e1rios de Acordes - M\u00fasica sem Segredos","twitter:description":"Piano e Teclado Visualizador de Acordes de Piano Visualizador de Acordes Digite um acorde (ex: C, gm7, Cm7M, F4(6), A\/c#) e veja no piano. Desenhar Acorde Legenda de Cores","twitter:image":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/01\/cropped-cropped-MusicaSemSegredos512x512.jpg?fit=248248&ssl=1"},"aioseo_meta_data":{"post_id":"20056","title":null,"description":null,"keywords":null,"keyphrases":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-02 22:55:00","updated":"2026-09-02 22:55:00"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/musicasemsegredos.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tDicion\u00e1rios de Acordes\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/musicasemsegredos.com"},{"label":"Dicion\u00e1rios de Acordes","link":"https:\/\/musicasemsegredos.com\/index.php\/dicionarios-de-acordes\/"}],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8f7pv-5du","jetpack-related-posts":[{"id":19025,"url":"https:\/\/musicasemsegredos.com\/index.php\/exercicios-com-escalas-menores-para-improvisar\/","url_meta":{"origin":20056,"position":0},"title":"Exerc\u00edcios com Escalas Menores para Improvisar","author":"nevesf","date":"13\/12\/2021","format":false,"excerpt":"Improvise como um Mestre Estudando Escalas 15 minutos por dia! Improvisa\u00e7\u00e3o \u00e9 uma quest\u00e3o de flu\u00eancia. \u00c9 como aprender um novo idioma. Voc\u00ea pode saber um monte de teoria, mas se n\u00e3o partir para a pr\u00e1tica, nada feito. E como se aprende um novo idioma? Primeiro, voc\u00ea aprende a teoria\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"Escalas para improvisar","src":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2018\/03\/Capa2b.jpg?fit=927%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":560,"url":"https:\/\/musicasemsegredos.com\/index.php\/conceitos-e-dicas\/o-que-sao-e-para-que-servem-as-claves\/","url_meta":{"origin":20056,"position":1},"title":"O que s\u00e3o e para que servem as claves","author":"nevesf","date":"10\/03\/2017","format":false,"excerpt":"\u00a0 O significado da palavra clave vem do latim que significa chave. Quando falamos de m\u00fasica, usamos o pentagrama para indicar as notas, dura\u00e7\u00f5es e pausas, mas cinco linhas e quatro espa\u00e7os \u00e9 muito pouco para alcan\u00e7ar todo o range de notas musicais aud\u00edveis. Tomemos por exemplo, um contrabaixo ac\u00fastico\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/musicasemsegredos.com\/wp-content\/uploads\/2017\/03\/clavejpg.jpg?fit=1200%2C330&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":20049,"url":"https:\/\/musicasemsegredos.com\/index.php\/afinador\/","url_meta":{"origin":20056,"position":2},"title":"Afinador","author":"nevesf","date":"30\/07\/2025","format":false,"excerpt":"Afinador de Viol\u00e3o Afinador de Viol\u00e3o Clique em \"Ligar Afinador\" para come\u00e7ar -- Aguardando... Frequ\u00eancia Detectada 0.0 Hz Ligar Afinador Afina\u00e7\u00e3o Padr\u00e3o (EADGBe)","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":186,"url":"https:\/\/musicasemsegredos.com\/index.php\/construindo-escalas-maiores-em-doze-tons\/","url_meta":{"origin":20056,"position":3},"title":"Construindo as escalas maiores em doze tons","author":"nevesf","date":"21\/01\/2017","format":false,"excerpt":"A m\u00fasica ocidental contempor\u00e2nea \u00e9 constru\u00edda com base nas sete notas musicais b\u00e1sicas. No entanto, estas notas possuem atera\u00e7\u00f5es que s\u00e3o os sustenidos e bem\u00f3is que juntos somam doze sons. A maneira como estes sons s\u00e3o combinados formam as escalas que por sua vez d\u00e3o origem aos acordes. A menor\u2026","rel":"","context":"Post similar","block_context":{"text":"Post similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/sqTTq-YbvmE\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/comments?post=20056"}],"version-history":[{"count":3,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056\/revisions"}],"predecessor-version":[{"id":20059,"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/pages\/20056\/revisions\/20059"}],"wp:attachment":[{"href":"https:\/\/musicasemsegredos.com\/index.php\/wp-json\/wp\/v2\/media?parent=20056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}