What's My IP Address
.tool-header {
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
color: white;
}
.tool-header h2 {
margin-top: 0;
color: white;
font-size: 28px;
margin-bottom: 10px;
}
.tool-header p {
margin: 10px 0 0 0;
opacity: 0.95;
font-size: 15px;
line-height: 1.6;
}
.ip-display-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.ip-card {
background: white;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
text-align: center;
position: relative;
overflow: hidden;
}
.ip-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
}
.ip-card.ipv4::before {
background: linear-gradient(90deg, #4CAF50, #8BC34A);
}
.ip-card.ipv6::before {
background: linear-gradient(90deg, #2196F3, #03A9F4);
}
.ip-card .ip-label {
font-size: 14px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.ip-card .ip-value {
font-family: 'Courier New', monospace;
font-size: 24px;
font-weight: bold;
color: #333;
word-break: break-all;
margin-bottom: 15px;
min-height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.ip-card .ip-value.loading {
color: #999;
font-size: 16px;
}
.ip-card .ip-value.error {
color: #f44336;
font-size: 14px;
}
.ip-card .ip-value.unavailable {
color: #999;
font-size: 14px;
font-style: italic;
}
.copy-btn {
padding: 8px 20px;
background: #667eea;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease;
}
.copy-btn:hover {
background: #5a6fd6;
transform: translateY(-1px);
}
.copy-btn:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
}
.copy-btn.copied {
background: #4CAF50;
}
.section-card {
background: white;
border-radius: 12px;
margin-bottom: 20px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
}
.section-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 20px;
font-weight: bold;
font-size: 18px;
display: flex;
align-items: center;
gap: 10px;
}
.section-header .icon {
font-size: 20px;
}
.section-content {
padding: 20px;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.info-item {
display: flex;
flex-direction: column;
padding: 12px 15px;
background: #f8f9fa;
border-radius: 8px;
border-left: 4px solid #667eea;
}
.info-item .label {
font-size: 12px;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.info-item .value {
font-size: 16px;
color: #333;
font-weight: 500;
word-break: break-word;
}
.info-item .value.mono {
font-family: 'Courier New', monospace;
}
#locationMap {
width: 100%;
height: 350px;
border-radius: 8px;
margin-bottom: 20px;
z-index: 1;
}
.status-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
}
.status-badge.safe {
background: #e8f5e9;
color: #2e7d32;
}
.status-badge.warning {
background: #fff3e0;
color: #ef6c00;
}
.status-badge.danger {
background: #ffebee;
color: #c62828;
}
.status-badge.info {
background: #e3f2fd;
color: #1565c0;
}
.status-badge .dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: currentColor;
}
.privacy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.privacy-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
}
.privacy-item .label {
font-weight: 500;
color: #333;
}
.reputation-alert {
padding: 15px 20px;
border-radius: 8px;
margin-top: 15px;
display: flex;
align-items: flex-start;
gap: 15px;
}
.reputation-alert.clean {
background: #e8f5e9;
border: 1px solid #81c784;
}
.reputation-alert.warning {
background: #fff3e0;
border: 1px solid #ffb74d;
}
.reputation-alert.danger {
background: #ffebee;
border: 1px solid #ef9a9a;
}
.reputation-alert .alert-icon {
font-size: 24px;
flex-shrink: 0;
}
.reputation-alert .alert-content h4 {
margin: 0 0 5px 0;
font-size: 16px;
}
.reputation-alert .alert-content p {
margin: 0;
font-size: 14px;
color: #666;
}
.device-table {
width: 100%;
border-collapse: collapse;
}
.device-table th,
.device-table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #eee;
}
.device-table th {
background: #f8f9fa;
font-weight: 600;
color: #555;
font-size: 13px;
text-transform: uppercase;
width: 40%;
}
.device-table td {
font-family: 'Courier New', monospace;
color: #333;
}
.device-table tr:last-child td,
.device-table tr:last-child th {
border-bottom: none;
}
.referrer-section {
background: #e3f2fd;
border: 1px solid #90caf9;
border-radius: 8px;
padding: 15px 20px;
display: none;
}
.referrer-section.show {
display: block;
}
.referrer-section .label {
font-size: 13px;
color: #1565c0;
margin-bottom: 5px;
}
.referrer-section .value {
font-family: 'Courier New', monospace;
color: #0d47a1;
word-break: break-all;
}
.refresh-btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
cursor: pointer;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 1000;
}
.refresh-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
}
.refresh-btn.spinning {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.skeleton {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading 1.5s infinite;
border-radius: 4px;
height: 20px;
}
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.accuracy-note {
background: #fff8e1;
border: 1px solid #ffca28;
border-radius: 6px;
padding: 10px 15px;
font-size: 13px;
color: #f57f17;
margin-top: 15px;
}
@media (max-width: 768px) {
.ip-display-section {
grid-template-columns: 1fr;
}
.ip-card .ip-value {
font-size: 18px;
}
.info-grid {
grid-template-columns: 1fr;
}
.privacy-grid {
grid-template-columns: 1fr;
}
#locationMap {
height: 250px;
}
.refresh-btn {
bottom: 20px;
right: 20px;
width: 48px;
height: 48px;
font-size: 20px;
}
}
Tampilan Alamat IP
Bagian Perujuk
Peta lokasi
ISP & Data Jaringan
Wawasan Keamanan & Privasi
Konteks Browser & Perangkat
Apa Alamat IP Saya?
Lihat alamat IP publik Anda, lokasi geografis, informasi ISP, status privasi, dan detail perangkat. Semua pencarian dilakukan di sisi klien untuk privasi Anda.
Alamat IPv4
Mendeteksi...
Alamat IPv6
Mendeteksi...
Anda tiba dari:
🌎Lokasi Geografis
Kota
Wilayah
Negara
Koordinat
Zona waktu
Kode Pos
Catatan:Geolokasi merupakan perkiraan dan berdasarkan catatan basis data IP. Akurasi bervariasi menurut ISP dan mungkin menunjukkan hub regional ISP Anda, bukan lokasi sebenarnya, terutama untuk koneksi seluler atau CGNAT.
📡ISP & Informasi Jaringan
ISP / Operator
Organisasi
SEBAGAI Nomor
Jenis Koneksi
🔒Wawasan Keamanan & Privasi
VPN / Proksi
Hosting/Pusat Data
Koneksi Seluler
Peringatan reputasi akan dimasukkan di sini
💻Informasi Peramban & Perangkat
| Sistem Operasi | - |
|---|---|
| Peramban | - |
| Resolusi Layar | - |
| Rasio Piksel Perangkat | - |
| Utas CPU | - |
| Perkiraan RAM | - |
| Preferensi Bahasa | - |
| Jenis Koneksi | - |
| Sentuh Dukungan | - |
| Cookie Diaktifkan | - |