Conversor de maiúsculas e minúsculas para Kebab — Ferramenta online gratuita
O que é Conversor de Kebab?
Kebab Case (kebab-case) é uma convenção de nomenclatura que une palavras com hífens e converte todas as letras para minúsculas. O resultado fica assim: isto-é-kebab-case — as palavras são encadeadas com hífens, lembrando os ingredientes em um espeto de kebab.
É o formato padrão de nomenclatura para nomes de classes CSS, slugs de URL, atributos id e data em HTML e nomes de arquivos em muitas estruturas web. Esta ferramenta converte qualquer entrada — texto simples, camelCase, snake_case ou PascalCase — em uma saída kebab-case limpa e segura para URLs, que você pode usar imediatamente.
Quando usar Conversor de Kebab?
Use kebab-case para nomes de classes CSS e seletores no estilo BEM, slugs de URL para posts de blog e páginas de produtos, atributos de dados HTML e chaves de configuração em arquivos YAML. Desenvolvedores front-end que alternam entre nomes de propriedades em camelCase no JavaScript e seus equivalentes em kebab-case no CSS (por exemplo, backgroundColor → background-color) utilizam essa ferramenta regularmente. Profissionais de SEO que geram slugs de URL limpos vão achar isso útil — os mecanismos de busca tratam hífens como separadores de palavras, tornando o kebab-case naturalmente otimizado para SEO.
Para geração de slugs de URL com sanitização adicional, experimente o Gerador de Slugs de URL. Para nomenclatura em Python ou bancos de dados, use o Conversor de Snake Case.
Como usar esta ferramenta
- 1Enter your text or phrase
- 2Click 'Convert' to get kebab-case
- 3Copy your URL-friendly slug
A ferramenta remove caracteres especiais, converte tudo para minúsculas e substitui espaços, sublinhados, pontos e delimitadores de camelCase por hífens. O resultado é sempre uma sequência de caracteres limpa, em minúsculas e separada por hífens.
Exemplos
| Input | Output |
|---|---|
| Hello World | hello-world |
| backgroundColor | background-color |
| my_variable_name | my-variable-name |
| The Quick Brown Fox | the-quick-brown-fox |
| user_id_column | user-id-column |
Regras e comportamento
- Todas as palavras são convertidas para letras minúsculas. Independentemente do formato de entrada — letras maiúsculas, maiúsculas no início das palavras, camelCase — todas as letras na saída serão minúsculas.
- As palavras são separadas por hífens (-). Espaços, sublinhados, pontos e transições de letras em camelCase são todos substituídos por hífens simples para produzir um kebab-case limpo.
- Os caracteres especiais e os sinais de pontuação são removidos. Restam apenas letras (a–z), números (0–9) e hífens, tornando o resultado seguro para uso em URLs, seletores CSS e atributos HTML.
Ferramentas relacionadas
Perguntas frequentes
O que é o kebab-case?
A convenção "kebab-case" consiste em escrever as palavras em letras minúsculas e separadas por hífens, como "my-component-name". Ela se assemelha a ingredientes enfiados em um espeto de kebab. É o padrão para nomes de classes CSS, atributos HTML, caminhos de URL e nomes de arquivos em muitas estruturas web, incluindo Angular e Ember.
Quando se usa o kebab-case?
Nomes de classes CSS (.nav-bar, .btn-primary), atributos id em HTML, slugs de URL (/blog/my-post-title), identificadores em Lisp e Clojure, seletores de componentes Angular e chaves de configuração YAML utilizam o formato kebab-case. Esse também é o padrão para nomes de pacotes npm e muitos nomes de comandos da CLI.
O kebab-case é o mesmo que o spinal-case ou o lisp-case?
Sim, são idênticos — todas as palavras em letras minúsculas separadas por hífens. O nome varia de acordo com a comunidade: os desenvolvedores web chamam de “kebab-case”, os programadores Lisp chamam de “lisp-case” e alguns chamam de “spinal-case”. Nossa ferramenta produz o mesmo resultado, independentemente do nome que você use.
Por que o formato "kebab-case" é bom para URLs?
Os mecanismos de busca como o Google tratam os hífens como separadores de palavras; portanto, URLs em kebab-case (por exemplo, /best-free-tools) são indexadas corretamente como palavras-chave distintas. Os sublinhados em URLs em snake_case são tratados como unificadores de palavras, tornando os hífens a melhor opção para slugs de URL otimizados para SEO.
Posso converter PascalCase para kebab-case?
Sim. A ferramenta detecta as transições entre letras maiúsculas nas entradas em PascalCase e camelCase e insere hífens em cada limite. Por exemplo, 'MyComponentName' passa a ser 'my-component-name' e 'backgroundColor' passa a ser 'background-color'.