Konverter RGB ke Hex
Ubah kode warna RGB ke hex secara instan dengan pratinjau langsung, output multi-format (HSL, HSV, CMYK), cuplikan kode CSS, palet harmoni warna, pemeriksa kontras WCAG, dan pencocokan nama warna terdekat.
Ad blocker Anda mencegah kami menampilkan iklan
MiniWebtool gratis karena iklan. Jika alat ini membantu, dukung kami dengan Premium (bebas iklan + lebih cepat) atau whitelist MiniWebtool.com lalu muat ulang halaman.
- Atau upgrade ke Premium (bebas iklan)
- Izinkan iklan untuk MiniWebtool.com, lalu muat ulang
Tentang Konverter RGB ke Hex
Konverter RGB ke Hex mengonversi nilai warna RGB (Merah, Hijau, Biru) secara instan ke kode warna heksadesimal yang digunakan dalam desain web, CSS, dan aplikasi grafis. Alat ini menyediakan output multi-format termasuk HSL, HSV, dan CMYK, bersama dengan cuplikan kode CSS, palet harmoni warna, pemeriksaan kontras aksesibilitas WCAG, dan pencocokan warna bernama terdekat.
Cara Kerja Konversi RGB ke Hex
RGB (Red, Green, Blue) dan Hex adalah dua notasi berbeda untuk model warna aditif yang sama yang digunakan oleh layar elektronik. Setiap saluran warna berkisar dari 0 hingga 255 dalam desimal. Untuk mengonversi ke Hex, setiap nilai saluran desimal dinyatakan sebagai angka heksadesimal dua digit (basis 16), dan ketiga pasang tersebut digabungkan dengan awalan #.
Rumus Konversi
Untuk setiap nilai saluran V (0–255):
- Bagi V dengan 16. Hasil baginya adalah digit hex pertama, sisanya adalah yang kedua.
- Petakan angka 10–15 ke huruf A–F.
- Gabungkan:
#RRGGBB
Contoh: RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (Oranye)
Penjelasan Format Warna
HEX (Heksadesimal)
Notasi warna yang paling umum dalam pengembangan web. Tanda # diikuti oleh 6 digit hex yang mewakili RR, GG, BB. Shorthand (#RGB) tersedia jika setiap pasangan memiliki digit yang identik, misal #FF0000 → #F00.
HSL (Hue, Saturation, Lightness)
Model yang lebih intuitif bagi desainer. Hue adalah sudut pada roda warna (0°–360°), Saturation adalah kecemerlangan (0–100%), dan Lightness berkisar dari hitam (0%) melalui warna murni (50%) hingga putih (100%). HSL memudahkan pembuatan variasi warna dengan menyesuaikan satu parameter saja.
HSV / HSB (Hue, Saturation, Value / Brightness)
Mirip dengan HSL tetapi mendefinisikan kecerahan secara berbeda. Value 100% berarti warna berada pada kondisi paling cerah yang dimungkinkan untuk rona dan saturasi tersebut. Model ini digunakan di banyak aplikasi desain grafis seperti Photoshop dan Figma.
CMYK (Cyan, Magenta, Yellow, Key/Black)
Model warna subtraktif yang digunakan dalam percetakan. Sementara layar menambahkan cahaya (RGB), printer mencampur tinta yang menyerap cahaya (CMYK). Mengonversi ke CMYK sangat penting saat menyiapkan desain digital untuk pencetakan fisik guna memastikan akurasi warna.
Jenis Harmoni Warna
Harmoni warna adalah kombinasi warna berdasarkan posisinya pada roda warna. Alat ini menghasilkan empat jenis:
- Komplementer: Warna yang tepat berseberangan di roda warna (terpisah 180°). Menciptakan kontras maksimum dan dampak visual yang kuat.
- Analog: Warna-warna yang berdekatan di roda warna (±30°). Menciptakan desain yang harmonis dan nyaman yang umum ditemukan di alam.
- Triadik: Tiga warna dengan jarak yang sama (terpisah 120°). Menawarkan kontras yang cerah sambil tetap menjaga keseimbangan.
- Komplementer-Terpisah: Dua warna yang berdekatan dengan warna komplementer (150° dan 210°). Alternatif yang lebih lembut dari komplementer dengan lebih banyak variasi.
Kontras Aksesibilitas WCAG
Web Content Accessibility Guidelines (WCAG) mendefinisikan rasio kontras untuk memastikan keterbacaan:
| Tingkat WCAG | Rasio Diperlukan | Penggunaan |
|---|---|---|
| AA Large | 3:1 | Teks besar (18pt+ atau 14pt+ tebal) |
| AA | 4.5:1 | Teks normal |
| AAA | 7:1 | Kontras yang ditingkatkan untuk keterbacaan terbaik |
Konversi RGB ke Hex yang Umum
| Warna | RGB | Hex |
|---|---|---|
| Merah | 255, 0, 0 | #FF0000 |
| Lime | 0, 255, 0 | #00FF00 |
| Biru | 0, 0, 255 | #0000FF |
| Kuning | 255, 255, 0 | #FFFF00 |
| Magenta | 255, 0, 255 | #FF00FF |
| Cyan | 0, 255, 255 | #00FFFF |
| Oranye | 255, 165, 0 | #FFA500 |
| Ungu | 128, 0, 128 | #800080 |
Pertanyaan yang Sering Diajukan
Bagaimana cara mengonversi RGB ke Hex?
Untuk mengonversi RGB ke Hex, ambil setiap nilai saluran warna (0-255), bagi dengan 16 untuk mendapatkan hasil bagi dan sisa, lalu petakan masing-masing ke digit heksadesimal (0-9, A-F). Gabungkan ketiga nilai hex 2-digit tersebut dengan awalan #. Misalnya, RGB(255, 165, 0) menjadi #FFA500: 255→FF, 165→A5, 0→00.
Apa perbedaan antara kode warna RGB dan Hex?
RGB and Hex mewakili warna yang sama menggunakan notasi yang berbeda. RGB menggunakan tiga angka desimal (0-255) untuk saluran Merah, Hijau, dan Biru, seperti rgb(255, 0, 0). Hex menggunakan tanda # diikuti oleh enam digit heksadesimal, seperti #FF0000. Keduanya mengodekan informasi warna yang identik — Hex hanyalah representasi basis-16 yang lebih ringkas dari nilai RGB yang sama.
Model warna apa yang digunakan Hex?
Kode warna Hex menggunakan model warna aditif RGB (Red, Green, Blue), model yang sama yang digunakan oleh layar komputer. Keenam digit hex mewakili tiga pasang: dua pertama untuk merah, dua tengah untuk hijau, dan dua terakhir untuk biru. Setiap pasangan berkisar dari 00 (intensitas 0) hingga FF (intensitas maksimum 255).
Apa itu rasio kontras WCAG?
Rasio kontras WCAG mengukur perbedaan luminansi antara dua warna, yang digunakan untuk memastikan keterbacaan teks bagi orang dengan gangguan penglihatan. Rasio berkisar dari 1:1 (tidak ada kontras) hingga 21:1 (maksimum). WCAG 2.0 memerlukan setidaknya 4.5:1 for teks normal (tingkat AA), 3:1 untuk teks besar (AA Large), dan 7:1 untuk kontras yang ditingkatkan (tingkat AAA).
Bagaimana cara mengonversi RGB ke HSL?
Untuk mengonversi RGB ke HSL: normalisasikan R,G,B ke 0-1, temukan nilai maks dan min, hitung Lightness sebagai (max+min)/2, Saturation tergantung pada lightness, dan Hue dihitung berdasarkan saluran mana yang dominan (0° untuk merah, 120° untuk hijau, 240° untuk biru) disesuaikan dengan perbedaan antar saluran.
Apa itu CMYK dan kapan saya harus menggunakannya?
CMYK singkatan dari Cyan, Magenta, Yellow, dan Key (Black). Ini adalah model warna subtraktif yang digunakan dalam percetakan. Sementara RGB/Hex digunakan untuk layar (pencampuran cahaya aditif), CMYK sangat penting untuk desain cetak karena printer mencampur tinta alih-alih cahaya. Mengonversi RGB ke CMYK membantu memastikan warna digital Anda diterjemahkan dengan benar ke materi cetak.
Sumber Daya Tambahan
Kutip konten, halaman, atau alat ini sebagai:
"Konverter RGB ke Hex" di https://MiniWebtool.com/id/konverter-rgb-ke-hex/ dari MiniWebtool, https://MiniWebtool.com/
oleh tim miniwebtool. Diperbarui: 13 Feb 2026