Conversor de mayúsculas y minúsculas
Convierte texto entre camelCase, snake_case, kebab-case, PascalCase, CONSTANT_CASE y 8 formatos más. Solo en el navegador.
Conversor de mayúsculas y minúsculas
————————————Se ejecuta completamente en tu navegador. Tus datos nunca salen de tu dispositivo.
What next?
How it works
Qué "case" realmente significa en código
Cuando un nombre contiene múltiples palabras, necesitas un separador y una regla de mayúsculas/minúsculas. Diferentes comunidades de lenguajes se asentaron en diferentes combinaciones, y las convenciones son notoriamente estables en décadas de código:
- JavaScript / Java / Swift:
camelCasepara variables y funciones,PascalCasepara tipos y clases. - Python / Ruby / Rust:
snake_casepara variables y funciones,PascalCasepara clases. - CSS / atributos HTML / URL:
kebab-caseporque el carácter de espacio está reservado. - Variables de entorno / palabras clave SQL / Constantes:
CONSTANT_CASE(oSCREAMING_SNAKE). - Rutas del sistema de archivos:
path/casecon separadores/. - Notación de punto (claves de configuración, espacios de nombres):
dot.case.
Elige la convención del archivo que estás editando. No luches contra ella — la convención es lo que permite que el código se lea como prosa para la gente que conoce el lenguaje.
Cuándo alcanzarás un convertidor
- Generar variables de entorno de claves de configuración (
api.timeout→API_TIMEOUT). - Construir nombres de clase CSS de propiedades de componentes React (
primaryButton→primary-button). - Nombrar columnas de base de datos de propiedades de objetos (
firstName→first_name). - Generación de código entre lenguajes (TypeScript → Python ORM, Swagger → cliente JS).
- Renombrar variables consistentemente en toda una refactorización.
La trampa del acrónimo
¿Cuál es la versión snake_case de XMLHttpRequest? Dos respuestas razonables:
xml_http_request— trata cada acrónimo como una palabra separadax_m_l_http_request— trata cada letra mayúscula como un límite de palabra
La mayoría de bibliotecas modernas (incluyendo la que esta herramienta envuelve, change-case) hacen la primera — reconocen ejecuciones de letras mayúsculas como un acrónimo único. Esta es la convención que casi siempre quieres. Si una biblioteca produce la segunda forma, cambia de biblioteca.
El camelCase correspondiente: xmlHttpRequest. PascalCase: XmlHttpRequest. Nota las letras minúsculas dentro del acrónimo — eso es deliberado y coincide con cómo el navegador realmente expone el nombre (window.xmlHttpRequest después de transformaciones Babel, etc.).
Patrones comunes por ecosistema
| Caso de uso | Convención | Ejemplo |
|---|---|---|
| Variable JS | camelCase | firstName |
| Clase/tipo JS | PascalCase | UserService |
| Const JS (global) | CONSTANT_CASE | MAX_RETRIES |
| Variable Python | snake_case | first_name |
| Clase Python | PascalCase | UserService |
| Clase CSS | kebab-case | btn-primary |
| Atributo HTML | kebab-case | data-user-id |
| Slug de URL | kebab-case | /my-blog-post |
| Nombre de archivo | kebab-case (web), snake_case (Python) | user-profile.tsx / user_profile.py |
| Variable de entorno | CONSTANT_CASE | DATABASE_URL |
| Campo GraphQL | camelCase | userName |
| Campo API JSON | camelCase o snake_case (elección del proyecto) | firstName / first_name |
Sensibilidad a mayúsculas/minúsculas del archivo
macOS por defecto tiene un sistema de archivos insensible a mayúsculas/minúsculas (HFS+/APFS formateado de esa forma). Linux es sensible a mayúsculas/minúsculas. Windows NTFS es insensible pero conservador de mayúsculas/minúsculas. Esto muerde proyectos multiplataforma: un archivo nombrado Button.tsx importado como ./button.tsx funciona en macOS, se rompe en CI en Linux. Establece tu CI para Linux desde el primer día para atraparlo inmediatamente.
Cómo ayuda esta herramienta
- Pega texto una vez, ve todas las 12 variantes de case al mismo tiempo.
- Haz clic en cualquier salida para copiar.
- Maneja acrónimos correctamente (usa
change-case). - Funciona en entrada de múltiples líneas (cada línea convertida independientemente).
Herramientas relacionadas
- Slugify — cuando necesitas salida segura para URL (maneja diacríticos, unicode, emoji).
- Probador de expresiones regulares — cuando necesitas encontrar/reemplazar patrones de case programáticamente.
FAQ
¿camelCase vs PascalCase?
Mismos límites de palabra, carácter inicial diferente. helloWorld es camelCase (primera minúscula), HelloWorld es PascalCase (primera mayúscula). Convención de JavaScript/Java: camelCase para variables, PascalCase para clases/tipos.
¿Por qué CSS usa kebab-case?
Porque _ y otros caracteres tenían significados específicos en CSS temprano, y - ya se usaba como carácter de sintaxis. CSS moderno todavía usa kebab-case para nombres de clase y propiedades (background-color, no backgroundColor).
¿Convención de nombre de variable de entorno?
CONSTANT_CASE (mayúsculas con guiones bajos). Universal en shells, lenguajes de programación, tiempos de ejecución de contenedores. DATABASE_URL, API_KEY, NODE_ENV.
Manejo de acrónimos — Url o URL?
Estilo moderno: Url (trata acrónimo como una palabra normal). Estilo antiguo: URL (preserva todo mayúsculas). La stdlib de JavaScript mayormente usa Url (XMLHttpRequest es la excepción famosa — y puedes ver por qué la gente se arrepiente). Elige uno y aplícalo consistentemente.
¿Se envía mi texto a algún lugar?
No — toda conversión se ejecuta en tu navegador usando la biblioteca de código abierto change-case. La pestaña de red mostrará cero solicitudes.
More text regex tools
- Analizador de URL — Break a URL into protocol, host, port, path segments and query parameters.
- Analizador de User Agent — Read a User-Agent string into browser, engine, OS and device.
- Probador de expresiones regulares — Prueba patrones regex de JavaScript sobre cualquier texto.
- Generador de slugs — Convierte cualquier texto en un slug seguro para URL.
- Comparador de texto (Diff) — Compara dos textos por carácter, palabra o línea.
- Limpiador de Unicode oculto — Encuentra caracteres invisibles y letras de otros alfabetos que se parecen al latín escondidas en el texto pegado, y límpialas.