Kode HEX ke Nama Warna

Temukan nama warna dari kode HEX: masukkan kode HEX (#RRGGBB, #RGB, dengan atau tanpa #) untuk mendapatkan nama warna CSS terdekat berdasarkan jarak RGB Euclidean, apakah itu kecocokan persis, dan daftar peringkat warna bernama terdekat.

Input

Warna HEX

Kode HEX seperti #FF5733, FF5733, #F53 atau F53 (dengan atau tanpa #).

Jumlah kecocokan yang ditampilkan

Berapa banyak nama warna CSS terdekat yang akan ditampilkan.

Output

Nama Warna Terdekat

Kecocokan

"Exact match" jika HEX sama persis dengan warna CSS, selain itu "Closest match".

Warna Bernama CSS Terdekat

Nama Warna	HEX	RGB	Jarak
No data yet

Apakah ini membantu?

Cara lain menggunakan alat ini

REST API

curl -X POST https://api.iotools.cloud/v1/tool/hex-color-to-name \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "hexColor": "#FF0000",
    "matchCount": "5"
  }'

Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.

Tanyakan ke agen AI

Use the IOTools `hex-color-to-name` tool (HEX Color to Name) on this input:

YOUR_INPUT_HERE

Tempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.

Widget sematan

<iframe
  src="https://iotools.cloud/embed/hex-color-to-name/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Kode HEX ke Nama Warna — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.

Biaya per panggilan API/MCP	Mulai dari 5 kredit
Butuh kredit lebih?	Lihat harga

Juga tersedia melalui

Integrasi Ekstensi browser Ekstensi VS Code

Panduan

Ubah kode HEX apa pun menjadi nama warna

Pernahkah Anda memiliki nilai HEX seperti #6395EE dan bertanya-tanya bagaimana cara menyebutnya? Alat ini mengambil kode warna HEX apa pun dan mencari nama warna CSS terdekat — kata kunci yang mudah dibaca seperti red, tomato, cornflowerblue, dan kerabat dekat rebeccapurple yang dipahami browser secara native. Tempelkan kodenya, dan Anda akan mendapatkan nama terdekat, apakah itu kecocokan persis, serta daftar pendek warna yang paling mirip dengan warna Anda.

Alat ini berjalan sepenuhnya di browser Anda. Tidak ada yang Anda ketik yang diunggah atau dicatat.

Cara menggunakan

Masukkan warna HEX di kolom input. Semua bentuk umum diterima: #FF5733, FF5733, singkatan tiga digit #F53, atau F53 — dengan atau tanpa tanda # di depannya.
Opsional, pilih berapa banyak warna terdekat yang ingin ditampilkan (1–10).
Baca hasilnya: nama warna terdekat, lencana Exact match / Closest match, dan tabel warna CSS terdekat beserta nilai HEX, RGB, dan jarak. Salin nama, atau unduh daftar lengkap sebagai CSV.

Cara menghitung warna terdekat

Alat ini membandingkan warna Anda dengan 140 warna bernama CSS3 / X11 standar — daftar yang sama dengan yang diterjemahkan browser saat Anda menulis color: teal. Setiap warna bernama memiliki nilai RGB yang tepat sesuai spesifikasi.

Pencocokan menggunakan jarak Euclidean dalam ruang RGB: alat memperlakukan setiap warna sebagai titik (R, G, B) dan mengukur jarak garis lurus antara warna Anda dan setiap warna bernama:

distance = √( (R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)² )

Nama dengan jarak terkecil menang. Jarak 0.00 berarti HEX Anda identik dengan warna CSS tersebut, yang ditandai sebagai Exact match. Nilai lainnya adalah Closest match, dan angka jarak menunjukkan seberapa jauh selisih Anda — angka kecil (di bawah ~10) secara visual nyaris tidak bisa dibedakan, sedangkan angka yang lebih besar berarti nuansa yang cukup berbeda.

Mengapa jarak RGB?

Jarak Euclidean RGB cepat, transparan, dan deterministik — input yang sama selalu menghasilkan jawaban yang sama. Ini adalah pendekatan standar untuk pencarian "apa nama warna ini". Setiap saluran diberi bobot yang sama, sehingga bukan model penglihatan manusia yang sempurna, tetapi untuk memberi nama pada warna dengan palet tetap berisi 140 entri, hasilnya lebih dari cukup akurat, dan daftar peringkat memungkinkan Anda membandingkan alternatif sendiri.

Apa yang dihitung sebagai exact match?

Hanya kode HEX yang sama persis dengan nilai kanonis warna CSS. Misalnya #FF0000 persis red, #2E8B57 persis seagreen, dan #00FFFF menjadi aqua (sinonim yang tercantum lebih awal, cyan, memiliki nilai yang sama).

Pertanyaan yang sering diajukan

Apakah berfungsi tanpa internet?

Ya. Semua 140 nilai warna dan perhitungan matematikanya sudah ada di halaman dan berjalan di sisi klien, sehingga tetap berfungsi tanpa koneksi jaringan dan menjaga input Anda tetap privat.

Bisakah saya melakukan kebalikannya, dari nama ke kode HEX?

Alat ini hanya bekerja dari HEX → nama. Karena tabel menampilkan HEX dan RGB setiap kecocokan, Anda tetap bisa menggunakannya untuk memeriksa nama yang ada di pikiran Anda dengan mencarinya dalam hasil.

Format apa saja yang bisa ditempel?

HEX enam digit (#RRGGBB), singkatan tiga digit (#RGB, diperluas dengan menggandakan setiap digit), keduanya dengan atau tanpa #. Apa pun yang bukan HEX yang valid akan ditolak dengan pesan yang jelas.

colorhexcsscolor namergbconverterdesign

Suka alat-alatnya? Hilangkan iklannya.

Satu kali pembayaran menghapus semua iklan dari akun Anda, selamanya. Tanpa langganan, tanpa pelacakan.

Hapus iklan