Lompat ke konten
Aback Tools Logo

Deobfuscator Warna CSS

Ubah warna CSS yang terobfuskasi ke format padanan yang paling mudah dibaca. Secara otomatis mendeteksi warna hex, nilai rgb/rgba, nilai hsl/hsla, dan warna CSS bernama. Menampilkan setiap warna dalam semua format padanan dengan contoh warna visual dan merekomendasikan opsi terbaca yang paling singkat. Gratis, privat, dan tanpa pendaftaran.

CSS Color Unobfuscator

Detect all CSS color values and convert them to the most readable equivalent format. Automatically identifies hex colors, rgb/rgba, hsl/hsla, and named CSS colors, then shows every format equivalent with a visual color swatch. Pick the shortest, most readable format for each color in your stylesheet.

Paste CSS code above and click Unobfuscate Colors to automatically detect all color values and convert them to the most readable format. Click Load example CSS to try it with sample stylesheet code.

Mengapa Menggunakan Deobfuscator Warna CSS Kami?

  • Deobfuskasi Warna CSS Instan: deobfuskasi warna CSS secara instan dengan konverter warna CSS kami. Tempel kode CSS apa pun dan alat otomatis mendeteksi semua nilai warna dalam setiap format termasuk hex (#fff, #aabbcc), hex singkat (#abc → #aabbcc), rgb/rgba, hsl/hsla, dan warna bernama. Setiap warna didekode ke format padanan yang paling mudah dibaca, mengungkap nilai warna sebenarnya di balik CSS yang terobfuskasi atau diminifikasi.
  • Pemrosesan Aman dan Privat: semua deobfuskasi warna CSS terjadi sepenuhnya di browser Anda. Kode CSS, nilai warna, dan hasil transformasi Anda tidak pernah meninggalkan perangkat. Tanpa unggahan data, tanpa pelacakan, tanpa pendaftaran - privasi penuh untuk semua pekerjaan analisis CSS Anda.
  • Deobfuscator Warna CSS Online - Tanpa Instalasi: gunakan konverter warna CSS langsung di browser modern mana pun tanpa unduhan, aplikasi, atau plugin. Dilengkapi editor dua panel dengan perbandingan kode asli dan terdeobfuskasi, tabel pemetaan warna interaktif yang mencantumkan setiap warna yang ditemukan beserta semua padanan formatnya, dan contoh pratinjau langsung.
  • Deteksi Format Warna yang Menyeluruh: konverter warna CSS kami mendeteksi dan mendekode: warna hex semua panjang (#rgb, #rrggbb, #rrggbbaa), notasi fungsional rgb/rgba, notasi fungsional hsl/hsla, warna CSS bernama (red, blue, transparent, dll.), dan currentColor. Setiap warna yang terdeteksi ditampilkan dalam semua format padanan dengan opsi terbaca terpendek yang disorot dan contoh warna visual untuk identifikasi cepat.

Kasus Penggunaan Umum Deobfuscator Warna CSS

  • Mendekode Nilai Warna CSS yang Terobfuskasi: pengobfuskasi CSS kadang mengubah nama warna yang mudah dibaca atau nilai hex umum menjadi representasi alternatif. Deobfuscator warna CSS mendeteksi setiap format warna dan mengubah semuanya ke padanan yang paling mudah dibaca, sehingga stylesheet lebih mudah dipahami dan diubah.
  • Mengonversi Warna CSS Antar Format: desainer dan pengembang menggunakan konverter warna CSS untuk beralih warna antara format hex, rgb, hsl, dan bernama. Saat bekerja dengan design system, Anda mungkin perlu melihat warna dalam semua format - alat menampilkan setiap representasi padanan untuk setiap warna yang terdeteksi.
  • Mengaudit Penggunaan Warna di Stylesheet Besar: pengembang frontend mengaudit basis kode CSS besar untuk memahami warna apa yang digunakan. Deobfuscator mengekstrak setiap nilai warna dan menyajikannya dalam tabel pemetaan yang dapat dicari, sehingga memudahkan mengidentifikasi duplikat, nyaris duplikat, dan peluang konsolidasi warna.
  • Men-debug Masalah Rendering Warna: ketika warna CSS tidak tampil sesuai harapan, pengembang menggunakan konverter untuk memverifikasi nilai warna sebenarnya. Alat menampilkan warna dalam beberapa format dengan contoh visual, membantu mengidentifikasi masalah transparansi alfa, nilai hex yang salah, atau konversi ruang warna yang tidak terduga.
  • Migrasi CSS ke Format Warna Lebih Singkat: pengembang yang peduli performa menggunakan konverter untuk menemukan peluang notasi warna yang lebih singkat. Alat menyorot format terbaca terpendek untuk setiap warna - misalnya, #ff0000 dapat disingkat menjadi #f00 atau cukup "red", menghemat byte tanpa mengorbankan keterbacaan.
  • Mempelajari Representasi Warna CSS: siswa dan pengembang yang mempelajari CSS menggunakan konverter warna untuk memahami hubungan antarfomat warna. Tabel interaktif menunjukkan bagaimana warna yang sama dapat dinyatakan dalam hex, rgb, hsl, dan bentuk bernama, membantu membangun intuisi tentang model warna.

Apa Itu Deobfuskasi Warna CSS?

Deobfuskasi warna CSS adalah proses mengubah nilai warna CSS yang terobfuskasi atau sulit dibaca menjadi format padanan yang paling mudah dibaca. Warna CSS dapat dinyatakan dengan banyak cara: notasi hex (#ff0000), hex singkat (#f00), notasi fungsional RGB (rgb(255, 0, 0)), notasi HSL (hsl(0, 100%, 50%)), atau warna bernama ("red"). CSS yang terobfuskasi sering menggunakan format yang kurang mudah dibaca atau representasi yang tidak perlu panjang untuk mempersulit pemahaman kode.

Deobfuscator warna CSS kami secara otomatis mendeteksi setiap nilai warna dalam kode CSS Anda, mendekode masing-masingnya, dan menampilkan semua representasi padanan dalam format hex, hex singkat, rgb, hsl, dan warna bernama (jika tersedia). Alat juga merekomendasikan format terbaca terpendek untuk setiap warna dan menyediakan contoh warna visual untuk identifikasi cepat. Semua pemrosesan berjalan lokal di browser Anda tanpa mengirim data ke server mana pun.

Bagaimana Deobfuscator Warna CSS Kami Bekerja

  1. 1. Tempel CSS Anda: tempel kode CSS ke panel input, atau klik tombol contoh untuk memuat CSS contoh dengan berbagai format warna. Konverter warna CSS memindai setiap nilai properti untuk pola warna di semua format warna CSS.
  2. 2. Klik Deobfuskasi Warna: alat memproses CSS Anda melalui alur deteksi warna. Alat mengidentifikasi warna hex semua panjang, nilai rgb/rgba, nilai hsl/hsla, dan warna CSS bernama. Setiap warna diurai menjadi komponen RGBA, lalu dikonversi ke semua format lain. Keluaran terdeobfuskasi menggantikan setiap warna dengan padanan terbaca terpendeknya.
  3. 3. Tinjau Tabel Pemetaan Warna: tabel mencantumkan setiap warna yang terdeteksi dengan nilai asli, nilai terdeobfuskasi (terbaca terpendek), contoh warna visual, dan semua format padanan (hex, hex singkat, rgb, hsl, bernama). Keluaran CSS terdeobfuskasi ditampilkan di panel kanan dengan opsi salin dan unduh.

Format Warna CSS yang Dideteksi & Dikonversi Alat

  • Warna Hex: semua format hex dideteksi: 3 digit (#fff), 6 digit (#ffffff), dan 8 digit dengan alfa (#ffffffff). Masing-masing diurai menjadi komponen RGBA dan dikonversi ke semua format lain. Format terbaca terpendek direkomendasikan (misalnya, #ff0000 → #f00 atau "red").
  • Notasi Fungsional RGB/RGBA: nilai RGB seperti rgb(255, 0, 0) dan rgba(255, 0, 0, 0.5) diurai dan dikonversi ke padanan hex, HSL, dan warna bernama. Nilai alfa dipertahankan di semua konversi format.
  • Notasi Fungsional HSL/HSLA: nilai HSL seperti hsl(0, 100%, 50%) dikonversi menggunakan algoritma standar HSL ke RGB lalu ke format hex dan warna bernama. Ini membantu desainer memahami bagaimana nilai HSL berkaitan dengan notasi hex yang lebih umum.
  • Warna CSS Bernama: semua 148 warna CSS bernama (dari "aliceblue" hingga "yellowgreen") plus nilai khusus seperti "transparent" dan "currentColor" dikenali dan ditampilkan bersama padanan hex dan RGB-nya.

Privasi, Keamanan & Ketersediaan

Deobfuscator warna CSS 100% gratis dan tidak memerlukan pendaftaran . Semua deteksi dan konversi warna dilakukan secara lokal di browser Anda menggunakan JavaScript - kode CSS Anda tidak pernah meninggalkan perangkat . Tidak ada batas ukuran file atau batas penggunaan. Alat menyediakan tabel pemetaan warna terperinci dengan contoh visual, padanan semua format, dan rekomendasi format terpendek. Termasuk fungsi salin ke papan klip dan unduh. Gunakan sebanyak yang Anda butuhkan untuk mendobfuskasi warna CSS.

Pertanyaan yang Sering Diajukan

Deobfuscator warna CSS adalah alat yang mendeteksi semua nilai warna dalam kode CSS dan mengubahnya ke format padanan yang paling mudah dibaca. Alat ini mengidentifikasi warna hex, nilai rgb/rgba, nilai hsl/hsla, dan warna CSS bernama, lalu menampilkan setiap warna dalam semua format dengan contoh warna visual, sehingga membantu pengembang memahami dan mengubah stylesheet dengan lebih mudah.

Konverter warna CSS mendeteksi semua format warna CSS standar: warna hex (3 digit, 6 digit, dan 8 digit dengan alfa), notasi fungsional rgb() dan rgba(), notasi fungsional hsl() dan hsla(), semua 148 warna CSS bernama (dari aliceblue hingga yellowgreen), serta nilai khusus seperti transparent dan currentColor.

Setiap warna yang terdeteksi terlebih dahulu diurai menjadi komponen RGBA. Dari RGBA, alat mengonversi ke semua format lain: notasi hex dan hex singkat, notasi rgb/rgba, notasi hsl/hsla menggunakan algoritma standar RGB ke HSL, serta pencarian warna bernama pada tabel 148 warna CSS bernama.

Ya. Deobfuscator warna CSS sepenuhnya mendukung transparansi alfa. Alat mendeteksi dan mempertahankan nilai alfa pada notasi rgba() dan hsla(), serta pada warna hex 8 digit. Nilai alfa dipertahankan di semua konversi format, dan warna dengan transparansi ditandai agar Anda tahu kapan transparansi digunakan.

Tentu saja. Deobfuscator warna CSS berjalan sepenuhnya di browser Anda. Kode CSS, nilai warna, dan hasil konversi Anda tidak pernah dikirim ke server mana pun, disimpan di basis data, atau dilacak dengan cara apa pun. Semua pemrosesan terjadi secara lokal di perangkat Anda - tidak ada yang meninggalkan komputer Anda. Tanpa pendaftaran.

Format terbaca terpendek bergantung pada warna tertentu. Misalnya, #ff0000 dapat disingkat menjadi #f00 (4 karakter dari 7) atau bahkan warna bernama "red" (3 karakter). #aabbcc menjadi #abc (4 karakter). Alat secara otomatis menemukan dan menyorot format terbaik untuk setiap warna.

Ya. Deobfuscator warna CSS menyediakan tabel pemetaan warna terperinci yang mencantumkan setiap warna yang terdeteksi dengan nilai asli, format terpendek yang direkomendasikan, contoh warna visual, dan semua format padanan termasuk hex, hex singkat, rgb, hsl, dan warna bernama (jika tersedia). Anda dapat memperluas tabel untuk melihat semua entri.

CSS mendefinisikan 148 warna bernama termasuk warna dasar (red, blue, green, yellow), warna lanjutan (coral, crimson, darkcyan), dan nilai khusus (transparent, currentColor). Alat memeriksa setiap warna yang terdeteksi terhadap daftar ini dan menyarankan padanan bernama bila cocok persis.

Ya - deobfuscator warna CSS 100% gratis, tanpa pendaftaran, tanpa akun, dan tanpa batas penggunaan. Deobfuskasi warna CSS dari stylesheet apa pun sebanyak yang Anda butuhkan, gratis selamanya. Tidak ada biaya tersembunyi, tingkatan premium, atau batas penggunaan apa pun.