Lompat ke konten
Aback Tools Logo

Konverter Skala Abu-abu

Ubah warna apa pun menjadi skala abu-abu yang setara menggunakan rumus pencahayaan standar ITU-R BT.601 (0,299R + 0,587G + 0,114B). Masukkan warna HEX apa pun untuk melihat warna asli dan skala abu-abu secara berdampingan dengan pratinjau instan, nilai pencahayaan yang tepat, dan salinan sekali klik untuk semua format keluaran. Sepenuhnya pribadi, 100% gratis, dan tidak perlu mendaftar.

Grayscale Converter
Convert any color to its grayscale equivalent using the standard luminance formula. See original vs grayscale side-by-side with instant preview.

Sample Colors

#

Formats: #RGB #RRGGBB

Original vs Grayscale

Original

#FF6B6B

Grayscale

#979797
Luminance151 / 255 (59%)

Formula: ITU-R BT.601 Luminance (0.299R + 0.587G + 0.114B)

Grayscale Values

Original#FF6B6B
Grayscale#979797
Grayscale RGBrgb(151, 151, 151)
Grayscale HSLhsl(0, 0%, 59%)
Original RGB Channels
Red (R)255
Green (G)107
Blue (B)107
Grayscale Values
Grayscale#979797
Gray (R=G=B)151
Luminance %59%
HSLhsl(0, 0%, 59%)

Mengapa Menggunakan Konverter Grayscale Kami?

  • Konversi Skala Abu-abu Instan: Konverter Skala Abu-abu menerapkan rumus pencahayaan standar ITU-R BT.601 ke warna apa pun secara waktu nyata. Saat Anda mengetik atau memilih warna, pratinjau asli dan skala abu-abu diperbarui secara instan tanpa perlu menekan tombol - memberi Anda umpan balik visual langsung pada hasil pencahayaan.
  • Perbandingan Warna Berdampingan: Lihat warna asli dan skala abu-abunya yang setara ditampilkan berdampingan dalam contoh pratinjau besar. Konverter Grayscale juga menunjukkan nilai pencahayaan yang tepat, persentase, dan skala pencahayaan visual sehingga Anda dapat memahami dengan tepat cara kerja konversi.
  • 100% Pribadi - Tidak Perlu Unggah: Semua konversi skala abu-abu terjadi secara lokal di browser Anda tanpa komunikasi server. Nilai warna Anda tidak pernah hilang dari perangkat Anda, menjadikan Grayscale Converter aman untuk proyek desain rahasia, spesifikasi merek, dan palet warna eksklusif.
  • Konversi Gratis & Tanpa Batas: Ubah warna tanpa batas menjadi skala abu-abu tanpa pendaftaran, tanpa langganan, dan tanpa batasan penggunaan. Grayscale Converter sepenuhnya gratis selamanya tanpa iklan yang memblokir antarmuka. Gunakan sebanyak yang Anda perlukan untuk proyek apa pun.

Kasus Penggunaan Umum untuk Konverter Grayscale

  • Desain Cetak & Pemeriksaan Skala Abu-abu: Desainer cetak menggunakan Konverter Skala Abu-abu untuk melihat pratinjau bagaimana desain warna akan muncul saat dicetak dalam hitam putih atau skala abu-abu. Hal ini penting untuk iklan surat kabar, pencetakan buklet, dan proyek apa pun di mana pencetakan berwarna tidak tersedia atau biayanya mahal.
  • Pengujian Aksesibilitas & Buta Warna: Spesialis aksesibilitas menggunakan Konverter Skala Abu-abu untuk menyimulasikan tampilan antarmuka yang bergantung pada warna bagi pengguna yang memiliki gangguan penglihatan warna. Dengan mengonversi skema warna UI menjadi skala abu-abu, Anda dapat memverifikasi bahwa informasi tidak disampaikan melalui warna saja.
  • Validasi Warna Sistem Desain: Pengelola sistem desain menggunakan Konverter Grayscale untuk memvalidasi bahwa token warna memiliki kontras pencahayaan yang cukup agar mudah dibaca. Mengonversi warna merek menjadi skala abu-abu menunjukkan apakah kombinasi teks dan latar belakang akan berfungsi dalam skenario penting aksesibilitas.
  • Fotografi & Pengeditan Gambar: Fotografer dan editor gambar menggunakan Grayscale Converter untuk memahami bagaimana warna yang berbeda diterjemahkan menjadi nada skala abu-abu. Pengetahuan ini membantu saat mengonversi gambar menjadi hitam putih, memastikan subjek utama mempertahankan kontras yang baik terhadap latar belakang.
  • Desain UI Seluler & Mode Gelap: Desainer UI seluler menggunakan Konverter Skala Abu-abu saat merancang antarmuka mode gelap atau tema aksesibilitas. Mengonversi warna aksen menjadi skala abu-abu membantu memverifikasi bahwa elemen UI mempertahankan kontras yang memadai dalam mode tampilan monokrom atau low-vision.
  • Filter CSS & Pengembangan Efek: Pengembang web menggunakan Konverter Skala Abu-abu untuk memahami keluaran sebenarnya dari filter skala abu-abu CSS sebelum menerapkannya ke situs web aktif. Alat ini menunjukkan nilai RGB dan HEX yang tepat yang dihasilkan oleh rumus pencahayaan, sesuai dengan cara kerja filter CSS di browser.

Apa itu Konversi Grayscale?

Konversi skala abu-abu mengubah gambar berwarna atau nilai warna individual menjadi gradasi abu-abu mulai dari hitam hingga putih. Tidak seperti sekadar desaturasi warna (yang memperlakukan semua saluran secara setara), konversi skala abu-abu yang tepat menggunakan rumus pencahayaan yang memperhitungkan persepsi manusia - mata kita paling sensitif terhadap cahaya hijau, kurang sensitif terhadap warna merah, dan paling tidak sensitif terhadap warna biru. Konverter Grayscale kami menggunakan formula standar industri ITU-R BT.601 untuk hasil persepsi yang akurat.

Cara Kerja Konverter Grayscale Kami

  1. Masukkan warna Anda: Ketik atau tempel nilai warna HEX (misalnya #FF6B6B ) atau gunakan pemilih warna asli untuk memilih warna apa pun secara visual. Grayscale Converter juga mendukung format HEX 3 digit ( #RGB ) untuk kenyamanan. Semua pemrosesan berjalan secara lokal di browser Anda.
  2. Perhitungan pencahayaan: Konverter menerapkan rumus ITU-R BT.601: L = 0,299 × R + 0,587 × G + 0,114 × B . Rumus berbobot ini menghasilkan hasil skala abu-abu yang paling akurat karena memperhitungkan cara mata manusia melihat panjang gelombang warna yang berbeda.
  3. Bandingkan dan salin: Warna asli dan skala abu-abunya ditampilkan berdampingan dengan contoh pratinjau besar. Nilai pencahayaan yang tepat (0-255), persentase (0-100%), dan nilai HEX/RGB/HSL skala abu-abu semuanya ditampilkan dengan tombol salin sekali klik untuk setiap format.

Rumus Luminansi Dijelaskan

  • Mengapa berbobot? Mata manusia memiliki sekitar 65% sel kerucut (fotoreseptor) yang peka terhadap cahaya hijau, 33% terhadap merah, dan hanya 2% terhadap biru. Rumus luminansi mencerminkan biologi ini dengan memberikan bobot paling besar pada warna hijau (0,587), diikuti oleh merah (0,299), dan biru (0,114).
  • Standar BT.601: Rumus luminansi ITU-R BT.601 adalah standar internasional untuk konversi skala abu-abu dalam penyiaran televisi, kompresi video, dan pemrosesan gambar. Ini juga merupakan rumus yang digunakan oleh filter CSS: skala abu-abu() dan sebagian besar perangkat lunak pengedit gambar.
  • Rata-rata sederhana vs pencahayaan: Rata-rata sederhana dari R, G, dan B ((R+G+B)/3) akan memberikan bobot yang sama pada semua saluran, menghasilkan skala abu-abu yang lebih kusam dan kurang akurat. Formula luminance mempertahankan kecerahan warna asli dengan lebih akurat.
  • Kisaran luminansi: Nilai luminansi berkisar dari 0 (hitam murni) hingga 255 (putih murni). Persentase pencahayaan menunjukkan di mana warna berada pada skala ini, dengan 0% menjadi hitam dan 100% menjadi putih. Warna dengan saturasi tinggi dan kecerahan sedang sering kali menghasilkan hasil skala abu-abu yang mengejutkan.

Privasi, Keamanan & Ketersediaan

Pemrosesan berbasis browser 100%: Konverter Grayscale kami memproses semua konversi warna seluruhnya dalam browser Anda menggunakan JavaScript. Nilai warna Anda tidak pernah diunggah, disimpan, atau dikirimkan ke server mana pun. Hal ini memastikan privasi penuh untuk proyek desain rahasia dan spesifikasi warna merek.

Selalu tersedia: Karena konverter berfungsi sepenuhnya di sisi klien, konverter terus berfungsi bahkan tanpa koneksi internet setelah halaman dimuat. Tidak ada ketergantungan server, tidak ada batasan kecepatan, dan tidak ada panggilan API. Gunakan di mana saja, kapan saja untuk semua kebutuhan konversi skala abu-abu Anda.

Pertanyaan yang Sering Diajukan

Konverter Skala Abu-abu mengubah warna apa pun menjadi skala abu-abu yang setara menggunakan rumus pencahayaan standar. Alih-alih sekadar merata-ratakan saluran RGB, Konverter Grayscale kami menggunakan rumus pencahayaan tertimbang ITU-R BT.601 (0,299R + 0,587G + 0,114B) yang memperhitungkan persepsi warna manusia. Hasilnya ditampilkan berdampingan dengan warna aslinya agar mudah dibandingkan.

Rumus yang digunakan adalah L = 0,299 × R + 0,587 × G + 0,114 × B, dimana R, G, dan B adalah nilai saluran merah, hijau, dan biru (0-255). Ini adalah standar ITU-R BT.601, yang diadopsi secara luas dalam penyiaran, pemrosesan video, dan filter CSS. Rumusnya memberi bobot paling besar pada warna hijau karena mata manusia paling sensitif terhadap cahaya hijau, diikuti oleh merah, lalu biru.

Rata-rata saluran RGB yang sederhana akan memperlakukan semua warna secara setara, namun mata manusia tidak melihat semua warna dengan kecerahan yang sama. Hijau tampak lebih terang daripada biru pada nilai numerik yang sama. Rumus luminansi tertimbang menghasilkan hasil skala abu-abu yang sangat cocok dengan cara kita memandang kecerahan warna asli, sehingga jauh lebih akurat dibandingkan rata-rata sederhana.

Ya. Semua konversi terjadi sepenuhnya di dalam browser Anda menggunakan JavaScript. Nilai warna Anda tidak pernah dikirim ke server mana pun, tidak pernah disimpan, dan tidak pernah dikirim ke mana pun. Konverter Grayscale sepenuhnya bersifat pribadi dan memproses semuanya secara lokal di perangkat Anda, sehingga aman untuk spesifikasi warna merek rahasia dan sistem desain eksklusif.

Konverter Grayscale menerima nilai warna HEX dalam format 3 digit (#RGB) dan 6 digit (#RRGGBB). Anda dapat mengetikkan nilai dengan atau tanpa awalan #. Alat ini juga mencakup pemilih warna asli untuk pemilihan warna visual, dan contoh preset untuk pengujian cepat warna-warna umum.

Ya. Grayscale Converter 100% gratis tanpa perlu mendaftar, tanpa fitur premium, dan tanpa batasan penggunaan. Ubah warna tanpa batas menjadi skala abu-abu tanpa batasan atau biaya tersembunyi apa pun. Tidak ada iklan yang memblokir antarmuka, dan alat ini berfungsi sepenuhnya di browser Anda.

Filter CSS: fungsi skala abu-abu (100%) menggunakan rumus bobot pencahayaan yang sama untuk mengonversi elemen menjadi skala abu-abu di browser. Konverter Grayscale kami menunjukkan keluaran matematis yang tepat dari transformasi ini untuk warna tertentu, sehingga berguna untuk melihat pratinjau bagaimana filter CSS akan memengaruhi elemen desain tertentu sebelum menerapkannya.

Desaturasi mengubah warna menjadi skala abu-abu dengan merata-ratakan semua saluran RGB secara merata (R+G+B)/3, yang menghasilkan hasil datar. Skala abu-abu berbasis pencahayaan, yang digunakan Konverter Grayscale kami, menerapkan nilai berbobot berdasarkan persepsi manusia. Perbedaannya paling terlihat pada warna biru dan hijau - biru murni (#0000FF) mengalami desaturasi menjadi abu-abu sedang (85), namun dengan bobot luminansi, warnanya menjadi jauh lebih gelap (29), yang mencerminkan kecerahan yang dirasakan lebih akurat.