Kalkulator Jarak Warna
Ukur seberapa mirip atau berbeda dua warna secara visual: masukkan dua warna HEX untuk mendapatkan jarak RGB Euclidean, jarak redmean tertimbang persepsi, dan penilaian kemiripan dalam bahasa sehari-hari.
Input
Warna HEX pertama untuk dibandingkan.
Warna HEX kedua untuk dibandingkan.
Output
| Metrik | Nilai |
|---|---|
| No data yet | |
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-distance-calculator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"colorA": "#000000",
"colorB": "#FFFFFF"
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `color-distance-calculator` tool (Color Distance Calculator) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/color-distance-calculator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Kalkulator Jarak 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 |
|---|
Juga tersedia melalui
Panduan
Masukkan dua warna HEX dan alat ini akan mengukur seberapa mirip atau berbeda secara visual — berguna untuk memeriksa apakah warna merek telah bergeser, menghilangkan duplikat palet, memilih warna bagan yang dapat dibedakan, atau memverifikasi perubahan token desain bersifat halus daripada mencolok.
Apa yang "jarak warna" berarti
Jarak warna adalah skor numerik untuk seberapa jauh dua warna terpisah. Pendekatan paling sederhana memperlakukan warna sebagai titik dalam ruang RGB 3D (merah, hijau, biru, masing-masing 0–255) dan mengukur jarak garis lurus antara dua titik tersebut:
Jarak RGB Euclidean: √((R1−R2)² + (G1−G2)² + (B1−B2)²)
Ini berkisar dari 0 (warna identik) hingga sekitar 441,67 (hitam murni vs. putih murni — dua titik paling jauh di kubus RGB). Mudah dihitung tetapi tidak cocok dengan persepsi manusia: mata jauh lebih sensitif terhadap beberapa nuansa dan rentang kecerahan daripada yang lain, jadi dua pasang dengan jarak Euclidean yang sama dapat terlihat "jauh terpisah" dengan cara yang sangat berbeda.
Jarak redmean adalah koreksi terkenal dan berbiaya rendah yang memberi bobot pada perbedaan kuadrat setiap saluran berdasarkan seberapa terang pasangan warna tersebut (melalui nilai merah rata-rata), mendekati sensitivitas manusia tanpa overhead konversi ruang warna penuh:
ΔC = √((2 + r̄/256)×ΔR² + 4×ΔG² + (2 + (255−r̄)/256)×ΔB²), di mana r̄ adalah rata-rata dari dua merah.
Karena bobot saluran lebih berat, nilai redmean lebih tinggi daripada nilai Euclidean untuk pasangan yang sama — mereka berada pada skala berbeda, bukan versi "lebih presisi" dari angka yang sama, jadi bandingkan secara terpisah daripada mengharapkan mereka setuju.
Cara menggunakannya
- Masukkan atau pilih Warna A.
- Masukkan atau pilih Warna B.
- Tabel hasil diperbarui secara instan dengan kedua nilai heksadesimal, jarak RGB Euclidean, jarak redmean, dan penilaian kemiripan dalam bahasa sehari-hari (Identik, Sangat Mirip, Sangat Berbeda, atau Sangat Berbeda) berdasarkan skor Euclidean.
FAQ
Angka mana yang sebenarnya harus saya gunakan? Untuk pemeriksaan kewarasan cepat ("apakah ini pada dasarnya warna yang sama?"), jarak Euclidean sederhana dan intuitif. Jika Anda membandingkan warna yang sebenarnya akan dilihat seseorang berdampingan (palet UI, pemeriksaan konsistensi merek), andalkan nilai redmean — ini melacak perbedaan yang dirasakan lebih dekat.
Apa yang dihitung sebagai "mirip"? Pita penilaian (0 = Identik, hingga 25 = Sangat Mirip, hingga 100 = Sangat Berbeda, di atas 100 = Sangat Berbeda) didasarkan pada jarak Euclidean di seluruh rentang 0–441,67. Ini adalah aturan praktis, bukan standar persepsi bersertifikat — untuk kontras aksesibilitas (keterbacaan teks), gunakan alat rasio kontras sebagai gantinya, karena kontras dan jarak warna mengukur hal yang berbeda.
Apakah ini memperhitungkan buta warna? Tidak. Kedua rumus beroperasi pada nilai RGB standar dan tidak memodelkan bentuk spesifik kekurangan visi warna.
Bisakah saya menggunakan kode heksadesimal 3 digit seperti #f0c?
Ya — notasi heksadesimal singkat (#rgb) diperluas secara otomatis ke bentuk 6 digit penuh sebelum membandingkan.
Apakah data warna saya dikirim ke mana saja? Tidak — semuanya berjalan sepenuhnya di browser Anda. Tidak ada yang diunggah atau disimpan.