Konverter HEX ke RGB

Ubah kode warna HEX menjadi format RGB untuk desain web dan aplikasi. Masukkan kode HEX dan dapatkan nilai RGB yang akurat.


Tempel kode HEX 3 atau 6 digit, dengan atau tanpa tanda #.
Hapus

Apa itu konverter warna?

Konverter warna menerjemahkan satu warna yang sama ke berbagai format yang dipakai di web, desain, dan cetak. Warna biru yang sama dapat ditulis sebagai #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%), atau cmyk(56%, 22%, 0%, 30%) - formatnya berbeda, warnanya tetap sama.

Acuan format warna

  • HEX - Kode heksadesimal 6 karakter yang dipakai di CSS dan tool desain, contoh #4F8AB2.
  • RGB - Kanal Merah, Hijau, dan Biru bernilai 0-255 - digunakan di CSS dan sebagian besar API.
  • HSL - Rona (0-360), Saturasi (%), dan Kecerahan (%) - lebih intuitif untuk penyesuaian visual.
  • CMYK - Cyan, Magenta, Kuning, Hitam - format empat kanal yang dipakai untuk cetak.

Cara mengubah HEX ke RGB secara manual

Warna HEX hanyalah tiga pasang digit heksadesimal (basis 16). Ubah setiap pasang menjadi angka desimal dari 0 hingga 255.

  1. Bagi HEX 6 digit menjadi tiga pasang: RR, GG, BB (hilangkan tanda # di depan).
  2. Untuk setiap pasang, kalikan digit pertama dengan 16 lalu tambahkan digit kedua (A=10, B=11, … F=15).
  3. Ketiga hasilnya adalah nilai Merah, Hijau, dan Biru Anda.

Contoh: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).

Gunakan alat ini dari agen AI Anda

API JSON dan server Model Context Protocol (MCP) gratis. Tanpa pendaftaran, tanpa kunci API, CORS terbuka. Dirancang untuk Claude, ChatGPT, Cursor, skrip, dan aplikasi frontend. 

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

Tambahkan ke claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor), atau klien kompatibel MCP lainnya: 

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
Dokumentasi API OpenAPI 3.1 npm 60 req/menit · 600 req/jam · isi maks 1 MB

Pertanyaan yang sering diajukan

Pisahkan kode HEX menjadi tiga pasang dan ubah masing-masing dari heksadesimal ke desimal. Untuk #4F8AB2: 4F = 79, 8A = 138, B2 = 178, sehingga rgb(79, 138, 178). Konverter melakukannya secara real-time.

HEX, RGB, dan HSL sama-sama mendeskripsikan warna RGB dengan notasi berbeda: HEX padat, RGB menampilkan nilai kanal langsung, dan HSL nyaman untuk menyetel rona, saturasi, atau kecerahan. CMYK adalah ruang empat kanal khusus cetak - dihitung dari RGB dan bisa berbeda sedikit dari yang tampak di layar.

Bisa. HEX 3 digit adalah bentuk singkat di mana tiap digit digandakan, sehingga #FA0 setara #FFAA00. Konverter menerima keduanya, dengan atau tanpa tanda #.

Layar memakai RGB aditif sedangkan cetak memakai CMYK substraktif, dan tidak setiap warna RGB punya padanan CMYK yang persis. Software desain profesional menggunakan profil kertas, tinta, dan printer tertentu - nilai di sini adalah konversi matematis sebagai titik awal.

Kanal RGB dibatasi 0-255 dan saturasi/kecerahan HSL dibatasi 0-100%. Rona ditangani sebagai nilai 0-360 derajat. Nilai di luar rentang dikembalikan ke rentang yang sah dan format lain ikut diperbarui.

Sering digunakan bersama: Dapatkan Palet Warna dari Foto · Pemilih Warna Gambar

Bagaimana cara mengonversi HEX ke RGB?

Sebuah konverter HEX ke RGB mengubah kode warna hex seperti #FF8800 menjadi nilai RGB untuk dipakai di alat desain dan kode. Setiap pasang digit hex adalah satu kanal - merah, hijau, dan biru - dengan nilai dari 0 hingga 255.

Alat Terkait

Lihat Semua
Generator BarcodeEnkode dan Dekode SandiDekoder JWTDeteksi Bahasa PerambanPembuat FaviconEkstraktor URL Peta SitusEkstrak Judul & Metadata dari URLPengunduh Gambar Situs Web