Pengubah Huruf Besar/Kecil

Konversi huruf adalah salah satu tugas mikro yang paling umum dalam pengembangan perangkat lunak dan penulisan. Nama variabel harus sesuai dengan konvensi bahasa host (camelCase di JavaScript, snake_case di Python, kebab-case di CSS), slug URL dan atribut HTML memerlukan kebab-case, variabel lingkungan memerlukan CONSTANT_CASE, dan judul artikel memerlukan Title Case atau Sentence case tergantung pada panduan gaya. Pengubah huruf kami menangani semua ini dalam satu alat dengan 10+ format output dari satu input. Konversi berjalan sepenuhnya di browser — tidak ada teks yang meninggalkan perangkat Anda — dan mendukung panjang input apa pun dari satu kata hingga file kode atau dokumen lengkap. Deteksi batas kata yang cerdas berarti Anda dapat menempelkan input berformat campuran (camelCase, snake_case, kebab-case, teks berjarak) dan pengubah mengenali strukturnya dengan benar. Dirancang untuk pengembang yang bekerja di berbagai JavaScript/TypeScript, Python, Java, Go, Ruby, C#, Rust dan SQL, untuk penulis teknis yang memelihara konsistensi dokumentasi, dan untuk pembuat konten yang menyiapkan slug URL yang ramah SEO dari judul artikel.

star 4.9
auto_awesome AI

Pengubah Huruf Besar/Kecil calculator

lightbulb Tips

  • •camelCase for JS, snake_case for Python
  • •PascalCase for class names in most languages
  • •kebab-case for CSS classes and URL slugs
  • •CONSTANT_CASE for env vars and constants

Cara Mengubah Teks ke camelCase, snake_case dan kebab-case

edit

Masukkan Teks

Ketik atau tempel teks Anda ke area input — panjang apa pun, huruf awal apa pun.

visibility

Lihat Semua Format

Semua 10+ konversi huruf besar-kecil muncul secara instan dengan pratinjau langsung saat Anda mengetik.

content_copy

Salin Hasil

Klik tombol salin di sebelah format apa pun untuk menyalinnya ke papan klip.

integration_instructions

Gunakan di Proyek Anda

Tempel ke kode, URL, CMS, file lingkungan, atau dokumen tempat format tersebut diperlukan.

The Formula

Konversi kapitalisasi adalah proses dua langkah: (1) memecah input menjadi kata-kata terpisah dengan mendeteksi batas kata (spasi, garis bawah, tanda hubung, titik, humps camelCase di mana huruf kecil diikuti oleh huruf besar), lalu (2) memformat ulang kata-kata sesuai dengan aturan pemisah dan kapitalisasi dari kapitalisasi target. Kapitalisasi pemrograman (camelCase, snake_case, kebab-case, CONSTANT_CASE) semuanya membagikan langkah deteksi kata yang sama dan hanya berbeda pada aturan penggabungan kembali, itulah sebabnya pengonversi dapat beralih di antara pasangan format apa pun.

camelCase → split words → lowercase first, capitalize rest → join

lightbulb Variables Explained

  • UPPERCASE Semua huruf diubah menjadi huruf besar (A-Z)
  • lowercase Semua huruf diubah menjadi huruf kecil (a-z)
  • Title Case Huruf pertama dari setiap kata menggunakan huruf kapital
  • Sentence case Hanya huruf pertama dari seluruh string yang menggunakan huruf kapital
  • camelCase Kata pertama huruf kecil, kata-kata berikutnya huruf kapital, tanpa pemisah
  • PascalCase Semua kata menggunakan huruf kapital, tanpa pemisah
  • snake_case Semua huruf kecil, kata-kata dipisahkan oleh garis bawah
  • kebab-case Semua huruf kecil, kata-kata dipisahkan oleh tanda hubung
  • CONSTANT_CASE Semua huruf besar, kata-kata dipisahkan oleh garis bawah
  • dot.case Semua huruf kecil, kata-kata dipisahkan oleh titik

tips_and_updates Pro Tips

1

camelCase adalah standar untuk variabel dan nama fungsi JavaScript/TypeScript (menurut panduan gaya Airbnb, Google dan Standard)

2

PascalCase digunakan untuk nama kelas di JavaScript, Java, C#, TypeScript dan Python (penamaan kelas PEP 8)

3

snake_case adalah standar untuk variabel, fungsi, dan nama modul di Python (PEP 8) dan di Ruby, ditambah nama kolom database di SQL

4

kebab-case wajib untuk nama kelas CSS, slug URL, dan nama elemen kustom HTML (spesifikasi Web Components memerlukan tanda hubung)

5

CONSTANT_CASE (SCREAMING_SNAKE) adalah konvensi universal untuk konstanta, nilai enum, dan variabel lingkungan di semua bahasa utama

6

Title Case membuat huruf kapital pada huruf pertama setiap kata — ideal untuk judul postingan blog, bab buku, dan judul bagian

7

Sentence case lebih disukai oleh panduan gaya utama (Google, Apple, Microsoft Manual of Style) untuk label UI dan salinan isi dalam penulisan teknis modern

8

Untuk slug URL: selalu gunakan kebab-case, khusus ASCII, tanpa diakritik — Google memperlakukan tanda hubung sebagai pemisah kata tetapi garis bawah sebagai penghubung

Konversi kapitalisasi adalah tugas kecil yang muncul setiap hari dalam pengembangan perangkat lunak dan penulisan — dan kapitalisasi yang salah di tempat yang salah dapat merusak build, menggagalkan linter, merusak SEO, atau sekadar terlihat tidak profesional. JavaScript menginginkan camelCase, Python menginginkan snake_case, CSS menginginkan kebab-case, variabel lingkungan menginginkan CONSTANT_CASE, judul blog menginginkan Title Case, dan label UI modern menginginkan Sentence case. Pengonversi kami menangani semua 10+ format dari input apa pun, berjalan sepenuhnya di browser Anda, dan berfungsi pada panjang teks apa pun mulai dari satu kata hingga satu file penuh. Bagian di bawah ini membahas aturan format secara mendetail, konvensi yang digunakan oleh setiap bahasa pemrograman utama, implikasi SEO dan aksesibilitas dari pilihan kapitalisasi pada URL dan judul, serta kasus khusus (akronim, Unicode, angka, nama merek) di mana konversi kapitalisasi naif menghasilkan hasil yang salah.

Penjelasan 10+ Format Kapitalisasi: UPPER, lower, Title, Sentence, camelCase, snake_case

  • UPPERCASE mengubah setiap huruf menjadi huruf kapital (HELLO WORLD).
  • lowercase mengubah setiap huruf menjadi huruf kecil (hello world).
  • Title Case mengkapitalisasi huruf pertama dari setiap kata (Hello World).
  • Sentence case hanya mengkapitalisasi huruf pertama dari keseluruhan string (Hello world).
  • camelCase menggabungkan kata-kata tanpa pemisah, membuat huruf pertama menjadi huruf kecil dan mengkapitalisasi kata-kata berikutnya (helloWorld).
  • PascalCase sama seperti camelCase tetapi juga mengkapitalisasi kata pertama (HelloWorld).
  • snake_case membuat semua huruf menjadi huruf kecil dan menggabungkannya dengan garis bawah (hello_world).
  • kebab-case membuat semua huruf menjadi huruf kecil dan menggabungkannya dengan tanda hubung (hello-world).
  • CONSTANT_CASE membuat semua huruf menjadi huruf besar dan menggabungkannya dengan garis bawah (HELLO_WORLD).
  • dot.case membuat huruf kecil dan menggabungkannya dengan titik (hello.world).
  • Alternating case mengganti huruf besar dan kecil secara bergantian demi huruf (hElLo WoRlD).

Setiap format menyandikan aturan pemisah sekaligus aturan kapitalisasi, dan pengonversi kami menangani semua kombinasi dari format input ke format output.

camelCase vs PascalCase: Kapan Menggunakan Masing-masing dalam JavaScript, Java, dan C#

Kedua format menggabungkan kata-kata tanpa pemisah. Perbedaannya terletak pada huruf pertama — camelCase membuatnya menjadi huruf kecil (myVariableName), PascalCase menjadikannya huruf besar (MyClassName).

Konvensi di berbagai bahasa modern:

  • camelCase untuk variabel, nama fungsi, dan nama metode;
  • PascalCase untuk nama kelas, nama tipe, nama antarmuka, enum, dan komponen React/Vue/Svelte.
  • Contoh JavaScript: const userAccount = getCurrentUser() — userAccount dan getCurrentUser adalah camelCase; class UserAccount {} — UserAccount adalah PascalCase.
  • Java: int totalAmount, void calculateTotal() (metode/field camelCase), class Calculator (kelas PascalCase).
  • C#: lebih bernuansa — properti dan metode publik adalah PascalCase (UserName, GetUserById), field privat menggunakan camelCase (seringkali dengan awalan _).
  • TypeScript mengikuti konvensi JavaScript ditambah PascalCase untuk tipe dan antarmuka.
  • Komponen React harus berupa PascalCase agar dapat dirender dengan benar — nama tag huruf kecil ditafsirkan sebagai elemen HTML.

snake_case dalam Python, Ruby, SQL, dan API JSON

snake_case adalah konvensi dominan dalam bahasa dinamis dan skrip.

  • Python PEP 8 mewajibkan snake_case untuk nama fungsi, nama variabel, nama metode, nama modul, nama paket: def calculate_total(user_id), total_amount = 0, import data_processor. Konstanta ditulis dengan CAPS_WITH_UNDERSCORES (MAX_RETRY = 5). Kelas menggunakan PascalCase (class UserAccount).
  • Ruby menggunakan snake_case secara menyeluruh — metode, variabel, nama file — dengan konstanta dalam PascalCase atau CONSTANT_CASE.
  • SQL: penamaan standar untuk tabel dan kolom adalah snake_case (user_accounts, created_at, last_login_date) —identifier bertanda kutip mempertahankan kapitalisasi tetapi memperkenalkan kerapuhan di berbagai database.
  • JSON: API yang dihasilkan oleh Python dan Ruby biasanya mengembalikan nama field snake_case (Stripe API, Twitter API, Django REST Framework).

Saat melakukan transformasi antara backend Python dan frontend JavaScript, pilih salah satu dan lakukan konversi pada batas API (misalnya, interceptor axios, generator alias Pydantic).

kebab-case untuk Nama Kelas CSS, Slug URL, dan Atribut HTML

kebab-case diperlukan di tiga tempat:

  • (1) Nama kelas CSS — .primary-button, .nav-link-active. Identifier JavaScript tidak boleh mengandung tanda hubung, sehingga CSS sengaja memilih tanda hubung agar mustahil tertukar dengan identifier JavaScript.
  • (2) Slug URL — /blog/how-to-calculate-mortgage. Google secara eksplisit merekomendasikan tanda hubung alih-alih garis bawah untuk pemisahan kata: tanda hubung diperlakukan sebagai pemisah kata, sedangkan garis bawah sebagai penghubung, sehingga 'best-running-shoes' diindeks sebagai tiga istilah terpisah sementara 'best_running_shoes' diindeks sebagai satu istilah.
  • (3) Nama atribut HTML — khususnya atribut data-* dan nama elemen kustom Web Components. Spesifikasi Web Components mengharuskan nama elemen kustom untuk berisi tanda hubung (my-component, bukan myComponent) untuk membedakannya dari elemen HTML standar.

Properti kustom CSS (variabel) juga menggunakan kebab-case: --primary-color, --max-width. Ketika kerangka kerja CSS-in-JS mengubah nama properti, mereka secara otomatis mengonversi camelCase JavaScript menjadi kebab-case CSS.

CONSTANT_CASE untuk Konstanta, Enum, dan Variabel Lingkungan

CONSTANT_CASE (juga disebut SCREAMING_SNAKE_CASE atau UPPER_SNAKE_CASE) menandakan 'nilai ini tidak pernah berubah' di setiap bahasa utama.

Kasus penggunaan:

  • (1) Konstanta tingkat bahasa — JavaScript const PI = 3.14159, Java public static final int MAX = 100, Python ABSOLUTE_PATH = '/etc', Go const MaxRetries = 5 (meskipun Go sering menggunakan MixedCase untuk konstanta yang diekspor).
  • (2) Nilai enum — TypeScript enum Status { PENDING, IN_PROGRESS, COMPLETED }, Java public enum Status { PENDING, IN_PROGRESS }, anggota StrEnum Python.
  • (3) Variabel lingkungan — DATABASE_URL, NODE_ENV, AWS_ACCESS_KEY_ID di semua OS dan kerangka kerja.
  • (4) Makro C/C++ — #define BUFFER_SIZE 1024, #define MAX_RETRY 5.
  • (5) Bagian lingkungan Docker compose YAML, Kubernetes ConfigMaps, rahasia GitHub Actions, dasbor Vercel/Netlify.

Pembeda visual SCREAMING membuat konstanta mustahil disalahartikan sebagai variabel sekilas pandang — itulah inti dari konvensi tersebut.

Title Case vs Sentence Case: Aturan untuk Judul dan Penulisan

Title Case mengkapitalisasi huruf pertama dari setiap kata; Sentence case hanya mengkapitalisasi huruf pertama dari keseluruhan frasa ditambah nama diri.

Panduan gaya yang berbeda menyimpang dalam hal apa yang harus dikapitalisasi dalam Title Case.

  • Gaya AP dan APA: kapitalisasi kata dengan 4+ huruf, JANGAN mengkapitalisasi preposisi pendek (in, on, at, of, by, to, for), artikel (a, an, the), atau konjungsi koordinatif (and, but, or, nor) — kecuali kata tersebut adalah kata pertama atau terakhir.
  • Chicago Manual of Style: kapitalisasi semua kata kecuali artikel, konjungsi koordinatif, dan preposisi terlepas dari panjangnya.
  • New York Times: huruf besar untuk kata dengan 5+ huruf.

Panduan gaya teknologi modern (Google, Apple, Microsoft Manual of Style) lebih menyukai Sentence case untuk label UI, teks isi, dan bahkan judul — terasa lebih tidak mencolok dan lebih bernuansa percakapan.

Pengujian SEO (CoSchedule, Backlinko) menunjukkan judul Title Case menerima RKT (CTR) 14-20% lebih tinggi dalam hasil pencarian, jadi gunakan Title Case untuk judul postingan blog terlepas dari gaya isi yang Anda sukai.

Konvensi Penamaan Berdasarkan Bahasa Pemrograman: JS, Python, Java, Go, Rust

Setiap bahasa telah mengkodifikasikan konvensi baik dalam panduan gaya resmi maupun berdasarkan konsensus komunitas.

  • JavaScript/TypeScript: variabel dan fungsi camelCase, kelas/tipe/komponen PascalCase, konstanta CONSTANT_CASE. Sesuai panduan gaya Airbnb, Google, dan Standard.
  • Python: variabel/fungsi/metode/modul snake_case, kelas PascalCase, konstanta CAPS_WITH_UNDERSCORES. Diwajibkan oleh PEP 8.
  • Java: variabel/metode camelCase, kelas/antarmuka PascalCase, konstanta CAPS_WITH_UNDERSCORES. Sesuai Panduan Gaya Java Google.
  • Go: MixedCaps untuk yang diekspor (huruf pertama kapital) maupun yang tidak diekspor (huruf pertama kecil) — ditegakkan oleh gofmt.
  • Rust: snake_case untuk fungsi/variabel/modul, PascalCase untuk tipe/trait, SCREAMING_SNAKE_CASE untuk konstanta. Sesuai panduan gaya resmi Rust.
  • C#: PascalCase untuk segala sesuatu yang bersifat publik (metode, properti, kelas), camelCase untuk parameter dan field privat (seringkali dengan awalan _).
  • Ruby: snake_case secara menyeluruh, kecuali kelas/modul (PascalCase) dan konstanta (PascalCase atau CAPS_WITH_UNDERSCORES).

Selalu sesuaikan dengan konvensi kode di sekitarnya alih-alih memaksakan gaya pilihan Anda.

Praktik Terbaik Slug URL: Mengapa kebab-case Menang untuk SEO

Slug URL sebaiknya menggunakan huruf kecil kebab-case karena empat alasan.

  • (1) Pemisahan kata Google: tanda hubung diperlakukan sebagai pemisah kata di URL, garis bawah diperlakukan sebagai penghubung. /best-running-shoes mendapat peringkat untuk 'best', 'running', 'shoes' secara independen; /best_running_shoes diperlakukan sebagai satu istilah majemuk.
  • (2) Sensitivitas huruf (case sensitivity): Apache, nginx, dan server lain mungkin memperlakukan /About dan /about sebagai URL yang berbeda secara default — risiko penalti konten duplikat. Selalu gunakan huruf kecil.
  • (3) Keandalan ketik pengguna: huruf kapital menyebabkan salah ketik; URL huruf kecil lebih mudah dibagikan secara lisan atau ditulis dalam cetakan.
  • (4) Kesesuaian standar: RFC 3986 memperlakukan jalur (path) sebagai peka huruf besar-kecil (case-sensitive), tetapi konvensi web de facto adalah huruf kecil.

Praktik terbaik: hilangkan tanda diakritik (café → cafe), transliterasi karakter non-ASCII, buang artikel (the/a/an) untuk memperpendek, targetkan slug 60-70 karakter untuk tampilan SEO yang optimal di SERP.

Hindari: tanggal di dalam slug (berikan tanggal di metadata terbit), ID sesi, parameter kueri yang disematkan di dalam slug.

Singkatan dalam PascalCase dan camelCase: HTTPRequest vs HttpRequest

Singkatan adalah bagian paling rumit dari konvensi penulisan huruf dalam pemrograman karena ada dua pendekatan yang bersaing.

  • Pendekatan A (pertahankan singkatan): HTTPRequest, HTMLParser, UserID, JSONResponse, URLBuilder. Kode C, C++, Java yang lebih lama dari tahun 1990-an-2000-an menggunakan ini. Lebih mudah mengidentifikasi singkatan sekilas.
  • Pendekatan B (perlakukan sebagai kata): HttpRequest, HtmlParser, UserId, JsonResponse, UrlBuilder. Microsoft .NET, Google Java Style, TypeScript dan JavaScript modern menyukai ini. Lebih mudah membaca nama multi-singkatan seperti HtmlHttpClient vs HTMLHTTPClient.
  • Aturan Microsoft: singkatan dua huruf tetap membuat kedua hurufnya kapital (IOStream, IPAddress) tetapi singkatan tiga huruf atau lebih menjadi Pascal (HtmlParser, bukan HTMLParser).
  • Google Java Style: selalu perlakukan sebagai kata (HtmlParser, bukan HTMLParser, bahkan untuk HTML 3 huruf).

Konverter kami menerapkan Pendekatan B secara default. Saat bekerja di basis kode yang ada, selalu sesuaikan dengan gaya yang sudah mapan — memperkenalkan konvensi singkatan baru menyebabkan inkonsistensi yang bertahan selama bertahun-tahun.

Sensitivitas Huruf (Case Sensitivity) di URL, JSON, HTML, SQL, dan Sistem Berkas

Konteks yang berbeda memiliki aturan sensitivitas huruf yang berbeda.

  • URL: secara teknis peka huruf besar-kecil (RFC 3986) tetapi sebagian besar server web memperlakukan jalur tidak peka huruf besar-kecil (case-insensitive) secara default — selalu gunakan huruf kecil demi keamanan dan SEO.
  • HTML: NAMA tag dan atribut tidak peka huruf besar-kecil (DIV = div = Div), tetapi NILAI atribut peka huruf besar-kecil (nama kelas, nilai ID harus cocok persis saat direferensikan dari CSS/JS).
  • JSON: sepenuhnya peka huruf besar-kecil — {"userName": ...} dan {"username": ...} adalah bidang yang berbeda.
  • SQL: bergantung pada database — MySQL di Windows tidak peka huruf besar-kecil untuk nama tabel, MySQL di Linux peka huruf besar-kecil; PostgreSQL mengubah pengenal tanpa tanda kutip menjadi huruf kecil tetapi mempertahankan yang bertanda kutip; SQLite tidak peka huruf besar-kecil secara default.
  • Sistem berkas: Windows NTFS dan macOS APFS (default) tidak peka huruf besar-kecil tetapi mempertahankan huruf besar-kecil (case-preserving); Linux ext4 dan macOS APFS (opsi peka huruf besar-kecil) peka huruf besar-kecil.

Git pada sistem berkas yang tidak peka huruf besar-kecil dapat menyebabkan masalah tersembunyi saat kolaborator pada sistem yang peka huruf besar-kecil melakukan pull. Praktik terbaik: terapkan satu format huruf per sistem melalui aturan linter, pengaturan IDE, atau konfigurasi git (core.ignorecase).

Mengonversi Nama Variabel di Seluruh Basis Kode: Alat IDE dan Refaktorisasi

Untuk satu variabel: tempel ke konverter kami, dapatkan hasilnya, tempel kembali.

Untuk penggantian massal dalam satu berkas atau proyek, gunakan alat yang paling aman.

  • Refaktorisasi ganti nama IDE (F2 di VS Code, Shift-F6 di JetBrains, Cmd-R-R di Xcode): opsi teraman — memperbarui semua referensi termasuk impor, komentar (opsional), dan string dinamis (seringkali).
  • Cari-ganti seluruh proyek dengan regex: lebih cepat tetapi berisiko — verifikasi manual setiap substitusi dan jalankan pengujian setelahnya.
  • Baris perintah (Command-line): ripgrep dengan --pcre2 ditambah pipa sed untuk penggantian sistematis di banyak berkas.
  • Alat berbasis AST: jscodeshift untuk JavaScript/TypeScript, libcst untuk Python, OpenRewrite untuk Java — teraman untuk perubahan kompleks yang melibatkan ribuan berkas dengan pemahaman semantik.

Untuk mengonversi seluruh respons API JSON dari snake_case ke camelCase, gunakan pustaka transformasi di batas API (camelCase-keys untuk Node, humps untuk JS, generator alias Pydantic untuk Python). Jangan pernah menjalankan penggantian massal pada direktori kerja git yang kotor — buat cabang, refaktorisasi, uji, lalu gabungkan.

Kendala Umum Konversi Huruf: Unicode, Angka, Nama Merek, dan Kasus Ekstrem

Konversi huruf naif gagal pada beberapa kasus ekstrem.

  • (1) Singkatan — dibahas di atas, memerlukan pilihan konvensi yang jelas.
  • (2) Angka dalam pengenal — haruskah '2024Q4Revenue' menjadi '2024_q4_revenue' atau '2024_q_4_revenue'? Sebagian besar konverter memisahkan transisi huruf-digit tetapi bukan digit-letter; milik kita mempertahankan grup digit.
  • (3) Pemetaan huruf Unicode — huruf 'ß' Jerman menjadi huruf kecil 'ss' tetapi huruf besar ẞ (resmi 2017) atau 'SS' (lama). Huruf i bertitik/tanpa titik Turki memiliki aturan spesifik lokal. Sigma akhir Yunani (ς) vs medial (σ) tidak bertahan dalam operasi bolak-balik.
  • (4) Nama merek dengan kapitalisasi internal — iPhone, eBay, YouTube — harus dipertahankan persis, tidak pernah dikonversi. Tambahkan nama merek ke daftar pengecualian huruf editor Anda.
  • (5) Inisialisme vs singkatan — NASA adalah akronim (diucapkan sebagai kata), FBI adalah inisialisme (diucapkan sebagai huruf) — panduan gaya memperlakukannya secara identik tetapi cara bacanya berbeda.
  • (6) Teks multibahasa campuran — mengonversi karakter CJK yang dicampur dengan Latin tidak memiliki perilaku yang ditentukan; sebagian besar alat meneruskan CJK apa adanya.

Konverter kami menangani Unicode standar untuk skrip Latin/Sirilik dan meneruskan karakter CJK; untuk sistem multibahasa produksi, gunakan pustaka berbasis ICU (icu4j, PyICU) untuk operasi huruf yang sadar lokal.

code

Embed this Pengubah Huruf Besar/Kecil on your site

Free for any site. Copy the snippet below and paste into your HTML — no attribution required beyond the built-in credit link.

<iframe src="https://calculators.im/embed/case-converter" width="100%" height="720" style="border:0;max-width:100%;" loading="lazy" title="Pengubah Huruf Besar/Kecil by Calculators.im"></iframe>
<p style="font-size:12px;text-align:center;color:#64748b;margin-top:6px;">Powered by <a href="https://calculators.im/case-converter?utm_source=embed&utm_medium=snippet&utm_campaign=case-converter">Pengubah Huruf Besar/Kecil</a> by Calculators.im</p>
open_in_new Preview embed Auto-resizing iframe. Mobile responsive. Works with WordPress, Ghost, Webflow, and plain HTML.

Frequently Asked Questions

sell

Tags