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):

1. Bagi V dengan 16. Hasil baginya adalah digit hex pertama, sisanya adalah yang kedua.
2. Petakan angka 10–15 ke huruf A–F.
3. 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:

Konversi RGB ke Hex yang Umum

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

• Panduan Kontras WCAG 2.1