Bagaimana cara mengonversi RGB ke HEX?

Ketik nilai RGB seperti rgb(46, 139, 87) ke kolom RGB, dan kolom HEX langsung menampilkan #2E8B57. Tidak perlu langkah terpisah—begitu nilainya valid, kode HEX otomatis muncul.

Bagaimana cara mengubah HEX kembali ke RGB?

Masukkan kode HEX seperti #2E8B57 ke kolom HEX, lalu kolom RGB langsung menampilkan rgb(46, 139, 87). Karena sinkronisasi berjalan dua arah, konversi bekerja ke arah mana pun tanpa tombol tambahan.

Apakah ada pemilih warna untuk memilih kode HEX dan RGB?

Ada. Pemilih warna bawaan browser dan slider alpha memudahkan Anda memilih warna secara visual, lalu nilai HEX, RGB, dan format lainnya langsung terisi sesuai pilihan Anda.

Alat Warna

Konverter Warna Online | Sinkron RGB, HEX, HSL, HSV, CMYK

Ubah kode warna antara RGB, HEX, HSL, HSV, dan CMYK. Edit satu format dan lihat semua nilai warna lain otomatis tersinkron seketika.

Sinkron langsungTanpa unggah

Pratinjau Visual

Gunakan swatch, pemilih warna bawaan, dan slider alpha untuk menyempurnakan warna yang sama di semua format.

Pratinjau Warna

#3B82F6

rgba(59, 130, 246, 0.84)

Pemilih Warna

#3B82F6

Alpha

0.84

Kanal Langsung

HEX

R: 59
G: 130
B: 246
A: 0.84

Tips Pengeditan

Jika sebuah kolom menjadi tidak valid saat Anda mengetik, warna valid terakhir akan tetap aktif. Selesaikan nilainya dan format lainnya akan otomatis sinkron lagi.

Sinkron langsungTanpa unggah

Editor Format Warna Dua Arah

Semua format di bawah dapat diedit langsung. Ubah HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK, atau CMYKA dan model warna lainnya akan tetap sinkron.

HEX

sumber

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Penjelasan

RGB

RGB adalah model warna standar industri yang dibangun dari kanal merah (R), hijau (G), dan biru (B). Dengan mengubah intensitas tiap kanal dan menumpuknya bersama, RGB dapat merepresentasikan sebagian besar warna pada layar digital dan menjadi salah satu sistem warna yang paling banyak digunakan.

RGBA

RGBA adalah RGB dengan kanal alpha untuk transparansi. R, G, dan B menggunakan nilai 0 hingga 255, sedangkan A biasanya memakai 0 hingga 1 atau 0% hingga 100%. Format ini umum dipakai di CSS saat warna yang sama membutuhkan tingkat opasitas berbeda.

HEX

HEX adalah cara merepresentasikan warna dengan bilangan heksadesimal. Format ini sangat umum di web dan CSS karena ringkas dan mudah disalin. Nilai seperti #2E8B57 menyimpan merah, hijau, dan biru sebagai pasangan heksadesimal, dan format panjang juga dapat menyertakan alpha.

HSL

HSL (Hue, Saturation, Lightness) merepresentasikan warna RGB dalam sistem koordinat silinder. H menunjukkan jenis warna, S menunjukkan kemurnian warna, dan L mengatur terang-gelap; 0% paling gelap, 50% seimbang, dan 100% paling terang.

HSLA

HSLA adalah HSL dengan kanal alpha. Format ini mempertahankan hue, saturation, dan lightness sambil menambahkan transparansi, sehingga cocok untuk bayangan, lapisan semi transparan, overlay, dan status antarmuka.

HSV

HSV (Hue, Saturation, Value) adalah ruang warna yang dibuat oleh A. R. Smith pada tahun 1978 dan juga dikenal sebagai Hexcone Model. Karena Value langsung menggambarkan seberapa terang warna terlihat, HSV sering terasa lebih intuitif untuk memilih warna.

HSVA

HSVA adalah HSV dengan tambahan kanal alpha. Ini berguna ketika Anda ingin memakai model hue, saturation, value yang intuitif sambil tetap mendeskripsikan opasitas untuk warna UI dan grafis berlapis.

CMYK

CMYK adalah mode warna yang umum dipakai untuk percetakan. Materi cetak terlihat karena cahaya luar dipantulkan ke mata, sehingga cocok untuk koran, kemasan, dan brosur. Berbeda dengan RGB di layar, CMYK dirancang untuk tinta di atas kertas.

CMYKA

CMYKA memperluas CMYK dengan menambahkan kanal alpha. Format ini berguna saat Anda ingin menjelaskan nilai cyan, magenta, yellow, key sekaligus transparansi untuk serah terima desain atau aset berlapis.

Cara Menggunakan Konverter Warna Online

Tempel atau ketik nilai pada salah satu kolom format, seperti HEX, RGB, RGBA, HSL, HSV, atau CMYK.

Begitu nilainya valid, alat ini akan mengonversinya ke semua format warna lain yang didukung secara otomatis.

Gunakan panel pratinjau, pemilih warna, slider alpha, dan aksi salin untuk menyempurnakan lalu mengekspor warna yang Anda butuhkan.

Fitur Utama

Sinkronisasi Format Dua Arah

Ubah format apa pun yang didukung dan jaga RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, serta CMYKA tetap sinkron secara real time.

Kontrol Warna Visual

Lihat warna saat ini secara instan melalui swatch langsung, pemilih warna browser, slider alpha, dan pembacaan kanal.

Konversi Berbasis Browser

Setiap kolom menerima sintaks fungsi yang umum, dan semua konversi tetap berjalan di sisi browser agar cepat dan privat.

FAQ Konverter Warna

Bisakah saya mengedit format warna apa pun lalu memperbarui semua format lainnya?

Ya. Konverter ini mendukung sinkronisasi dua arah. Jika Anda mengedit RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, atau CMYKA, format lainnya akan langsung diperbarui begitu nilainya valid.

Bagaimana transparansi ditangani saat konversi?

HEX ditampilkan tanpa alpha karena halaman ini berfokus pada format yang Anda minta. Alpha tetap dipertahankan di RGBA, HSLA, HSVA, dan CMYKA, dan area pratinjau selalu mencerminkan opasitas saat ini.

Apakah konverter warna ini privat?

Tidak. Semua logika konversi berjalan secara lokal di browser Anda, jadi nilai warna tidak diunggah ke server.

Untuk mengubah RGB ke HEX (atau sebaliknya), cukup masukkan satu nilai—misalnya rgb(46, 139, 87)—dan kode HEX #2E8B57 langsung muncul, begitu juga arah baliknya. Semua format lain seperti RGBA, HSL, HSLA, HSV, HSVA, CMYK, dan CMYKA ikut tersinkron seketika, lengkap dengan pratinjau warna, pemilih warna bawaan, dan slider alpha untuk mengatur opasitas. Seluruh konversi berjalan di browser Anda, jadi nilai warna tidak pernah diunggah ke server.

Cara Menggunakan Konverter Warna

1
Masukkan nilai warna
Tempel atau ketik nilai pada salah satu kolom format, misalnya #2E8B57 untuk HEX, rgb(46, 139, 87) untuk RGB, atau hsl(146, 50%, 36%) untuk HSL.
2
Lihat semua format tersinkron
Begitu nilainya valid, alat ini langsung mengonversinya ke semua format lain yang didukung—RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, dan CMYKA—secara bersamaan.
3
Sempurnakan warna
Gunakan swatch langsung, pemilih warna bawaan, dan slider alpha untuk menyetel hue dan opasitas, atau tekan Acak untuk menjelajahi warna baru.
4
Salin atau ekspor
Klik kolom mana pun untuk menyalin nilainya, atau pakai Salin Semua untuk mengambil seluruh format sekaligus ke CSS, berkas desain, atau kode Anda.

Referensi

W3C — CSS Color Module Level 4
Spesifikasi resmi W3C yang mendefinisikan format warna CSS, termasuk hex, rgb(), hsl(), hwb(), dan sintaks warna modern.
MDN — Nilai CSS <color>
Rujukan MDN yang membahas setiap notasi warna CSS, termasuk HEX, RGB/RGBA, HSL/HSLA, dan cara kerja transparansi alpha.

Alat Terkait

CSS Minifier

Perkecil CSS yang memakai nilai warna HEX, RGB, dan HSL hasil konversi Anda.

SVG Viewer

Pratinjau dan periksa grafik SVG yang bergantung pada warna fill dan stroke.

Image to Base64

Ubah gambar menjadi string Base64 untuk dipakai inline bersama gaya warna Anda.

JSON Formatter

Rapikan dan validasi JSON yang menyimpan palet warna serta design token.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengonversi RGB ke HEX?: Ketik nilai RGB seperti rgb(46, 139, 87) ke kolom RGB, dan kolom HEX langsung menampilkan #2E8B57. Tidak perlu langkah terpisah—begitu nilainya valid, kode HEX otomatis muncul.
Bagaimana cara mengubah HEX kembali ke RGB?: Masukkan kode HEX seperti #2E8B57 ke kolom HEX, lalu kolom RGB langsung menampilkan rgb(46, 139, 87). Karena sinkronisasi berjalan dua arah, konversi bekerja ke arah mana pun tanpa tombol tambahan.
Bisakah saya mengedit satu format lalu memperbarui semua format lainnya?: Ya. Konverter ini sinkron dua arah. Jika Anda mengedit RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, atau CMYKA, format lainnya langsung diperbarui begitu nilainya valid.
Apakah ada pemilih warna untuk memilih kode HEX dan RGB?: Ada. Pemilih warna bawaan browser dan slider alpha memudahkan Anda memilih warna secara visual, lalu nilai HEX, RGB, dan format lainnya langsung terisi sesuai pilihan Anda.
Bagaimana transparansi ditangani saat konversi?: HEX ditampilkan tanpa alpha karena halaman ini berfokus pada format yang Anda minta. Nilai alpha tetap dipertahankan di RGBA, HSLA, HSVA, dan CMYKA, dan area pratinjau selalu mencerminkan opasitas saat ini.
Apakah konverter warna ini privat?: Ya. Semua logika konversi berjalan secara lokal di browser Anda, sehingga nilai warna tidak pernah diunggah ke server.