Konversi Kode Warna

Konversi Kode Warna (Konverter Warna)

Saat Anda menentukan warna menggunakan pemilih warna atau nilai numerik, sistem secara otomatis menghitung nilai HEX, RGB, HSL, HSV, dan CMYK. Anda dapat menyalin setiap format dengan satu klik dan memeriksa rasio kontras dengan warna pelengkap dan warna teks.

Masukkan warna

Mendukung format #RGB, #RGBA, #RRGGBB, dan #RRGGBBAA.

%
%

%
%

%
%
%
%

Hasil Terjemahan

Warna yang dimasukkan telah dikonversi ke masing-masing format warna.

Contoh Teks
HEX—
HEXA (dengan opasitas)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Warna komplementer

—

Ini adalah warna yang berlawanan, bergeser 180 derajat pada roda warna.

Kontras dengan warna teks

Rasio terhadap teks putih—
Perbandingan dengan teks hitam—
Warna teks yang mudah dibaca：—

Semua konversi warna dilakukan di dalam browser; data input tidak dikirim ke server.

Apa itu alat konversi kode warna?

Color Code Converter adalah alat daring gratis yang mengonversi representasi warna numerik yang digunakan dalam desain web, pengembangan aplikasi, pengeditan gambar, dan desain cetak. Bahkan untuk warna yang sama, format yang digunakan untuk menentukannya—seperti HEX, RGB, HSL, HSV, atau CMYK—bervariasi tergantung pada aplikasi atau perangkat lunak yang digunakan. Dengan alat ini, Anda dapat melihat nilai-nilai untuk semua format utama secara sekilas hanya dengan memasukkan satu warna.

HEX adalah notasi heksadesimal yang banyak digunakan dalam CSS situs web. Misalnya, warna putih direpresentasikan sebagai #FFFFFF, dan warna hitam sebagai #000000. RGB adalah sistem yang menggabungkan cahaya merah, hijau, dan biru pada skala dari 0 hingga 255 dan digunakan untuk mengelola warna pada layar. RGBA dan HEXA 8 digit juga memungkinkan Anda menentukan tingkat opasitas, sehingga berguna untuk membuat warna latar belakang atau overlay yang semi-transparan.

HSL merepresentasikan warna menggunakan hue, saturation, dan lightness. Hue ditentukan pada roda warna yang berkisar antara 0 hingga 360 derajat, sedangkan saturation dan lightness ditentukan pada skala dari 0 hingga 100%.Format ini memudahkan penyesuaian warna secara intuitif, seperti membuatnya sedikit lebih cerah atau mengurangi kecerahannya. HSV atau HSB merepresentasikan warna menggunakan hue, saturation, dan brightness, dan digunakan di banyak program grafis serta alat pemilihan warna.

CMYK adalah model warna yang didasarkan pada jumlah tinta cyan, magenta, kuning, dan hitam, serta terutama digunakan dalam industri percetakan. Namun, nilai CMYK yang dihitung secara matematis dari warna RGB di layar hanyalah panduan kasar. Karena hasil cetak yang sebenarnya bergantung pada faktor-faktor seperti kertas, tinta, mesin cetak, dan profil ICC, harap konsultasikan dengan perusahaan percetakan Anda dan verifikasi lingkungan manajemen warna Anda untuk materi cetak yang memerlukan akurasi warna.

Alat ini tidak hanya menampilkan nilai untuk setiap format, tetapi juga pratinjau warna yang dipilih, warna komplementernya (bergeser 180 derajat dalam hue), serta rasio kontras saat teks putih dan hitam ditumpangkan. Alat ini berguna untuk memilih warna teks yang mudah dibaca di atas warna latar belakang dan untuk mempertimbangkan skema warna dengan mempertimbangkan aksesibilitas.Semua perhitungan dilakukan di dalam browser, dan informasi warna yang Anda masukkan tidak pernah dikirim ke server.

Cara Penggunaan

  1. Gunakan pemilih warna atau masukkan nilai dalam format HEX, RGB, HSL, HSV, atau CMYK.
  2. Tergantung pada format yang Anda masukkan, nilai dalam format warna lainnya akan diperbarui secara otomatis.
  3. Jika diperlukan transparansi, sesuaikan penggeser transparansi atau bidang numerik.
  4. Saat Anda mengklik “Tampilkan Hasil Konversi,” Anda akan diarahkan ke bagian hasil di mana Anda dapat memeriksa setiap format, warna pelengkap, dan rasio kontras.
  5. Klik "Salin" dalam format yang diinginkan, lalu tempelkan ke dalam CSS, alat desain, dokumentasi, dll.

Tindakan Pencegahan dalam Penggunaan

  • Nilai CMYK merupakan konversi umum yang diperoleh dari RGB dan tidak menjamin reproduksi warna yang tepat saat dicetak.
  • Transparansi tercermin dalam output RGB, HSL, dan HEXA, tetapi CMYK tidak mencakup konsep transparansi.
  • Tergantung pada pengaturan layar, browser, dan sistem operasi Anda, kode warna yang sama mungkin terlihat berbeda.
  • Rasio kontras dihitung berdasarkan warna yang tidak transparan, tanpa memperhitungkan transparansi. Tingkat keterbacaan dapat bervariasi tergantung pada gambar latar belakang yang sebenarnya dan bagaimana elemen-elemen tersebut saling tumpang tindih.
  • Angka desimal yang sangat kecil akan dibulatkan ke jumlah tempat desimal yang sesuai agar mudah dibaca.

Pertanyaan yang Sering Diajukan

Warna ditampilkan dalam notasi heksadesimal. Biasanya, digunakan format 6 digit #RRGGBB; jika menyertakan transparansi, digunakan format 8 digit #RRGGBBAA.

RGB terdiri dari tiga komponen—merah, hijau, dan biru—sedangkan RGBA menambahkan saluran alfa untuk mewakili transparansi.

Fitur ini berguna saat Anda ingin menyesuaikan kecerahan atau saturasi sambil mempertahankan rona yang sama. Fitur ini juga sangat cocok untuk membuat variasi warna dalam CSS.

Secara umum, istilah-istilah ini merujuk pada model yang sama. "V" berarti "Value" dan "B" berarti "Brightness," meskipun terminologi tersebut dapat bervariasi tergantung pada aplikasi.

Menampilkan nilai perkiraan berdasarkan rumus umum. Profil ICC dan lingkungan pencetakan tertentu diperlukan untuk menghasilkan warna cetak yang akurat.

Ya. Jika Anda memasukkan nilai dalam format #RGB, nilai tersebut akan dikonversi menjadi #RRGGBB, dengan setiap digit diulang dua kali.

Ya. Sistem ini mendukung input dan output baik dalam format #RGBA maupun #RRGGBBAA.

Ini adalah warna-warna yang terletak di sisi berlawanan pada roda warna. Alat ini menghitungnya dengan memutar nilai hue HSL sebesar 180 derajat.

Nilai ini menunjukkan perbedaan kecerahan antara warna latar belakang dan warna teks. Secara umum, semakin tinggi angkanya, semakin mudah teks tersebut dibedakan.

Bandingkan rasio kontras pada bagian hasil; memilih yang memiliki rasio lebih tinggi akan meningkatkan keterbacaan.

Tidak. Konversi dan penampilannya sepenuhnya dilakukan di dalam browser; nilai warna tidak dikirim ke server untuk diproses.

Ya. Anda dapat mengubah nilai menggunakan alat pemilihan warna atau bidang masukan numerik di browser yang didukung.