Warna Sistem iOS & Android Jelajahi warna sistem untuk Antarmuka Manusia iOS dan Desain Material Android.

🎨

Warna Sistem iOS & Android

Jelajahi warna sistem untuk Antarmuka Manusia iOS dan Desain Material Android.

Pilih Platform

Pilih iOS (Human Interface) atau Android (Material 3).

Alihkan Tampilan

Untuk iOS, alihkan antara mode terang dan gelap.

Salin Warna

Salin kode HEX warna sistem apa pun.

Loading tool...

What Is Warna Sistem iOS & Android?

Alat ini menyediakan referensi lengkap untuk warna sistem iOS dan Android - warna yang telah ditentukan sebelumnya yang direkomendasikan oleh Apple dan Google untuk membangun aplikasi asli. Warna sistem iOS mengikuti Pedoman Antarmuka Manusia (HIG) dari Apple dan termasuk warna dengan nama semantik seperti systemBlue, systemRed, dan varian systemGray, masing-masing dengan nilai mode terang dan gelap yang terpisah. Warna Android mengikuti token desain Material Design 3 (Material You), termasuk warna Primer, Sekunder, Tersier, Kesalahan, dan Permukaan. Menggunakan warna sistem platform memastikan aplikasi Anda terasa asli, menyesuaikan diri dengan mode tampilan (terang/gelap), dan mempertahankan standar aksesibilitas yang ditetapkan oleh masing-masing platform. Referensi ini membantu pengembang menghemat waktu dari mencari dokumen dan memastikan mereka menggunakan nilai warna yang tepat seperti yang ditentukan oleh Apple dan Google.

Why Use Warna Sistem iOS & Android?

Warna sistem iOS lengkap dengan varian mode terang dan gelap
Token desain Material 3 untuk pengembangan Android
Warna platform resmi untuk tampilan asli aplikasi
Alihkan antara mode terang dan gelap (iOS)
Salin satu-klik untuk setiap warna

Common Use Cases

Pengembangan iOS

Referensi nilai warna sistem yang tepat untuk pengembangan Swift/SwiftUI.

Pengembangan Android

Temukan nilai token warna Material 3 untuk Kotlin/Jetpack Compose.

Desain Cross-Platform

Bandingkan warna sistem iOS dan Android saat merancang aplikasi cross-platform.

Perpustakaan Figma/Sketch

Atur perpustakaan alat desain dengan warna sistem platform yang akurat.

Technical Guide

Warna sistem iOS adalah warna semantik yang secara otomatis menyesuaikan diri antara tampilan terang dan gelap. Sebagai contoh, systemBlue adalah #007AFF dalam mode terang dan #0A84FF dalam mode gelap - sedikit lebih cerah untuk mempertahankan prominen visual melawan latar belakang yang gelap. Nilai warna didefinisikan dalam kerangka UIKit (UIColor) dan SwiftUI (Color) dari Apple. Material 3 Android menggunakan sistem berbasis token: Primer, Sekunder, Tersier untuk warna kunci, Permukaan dan Latar Belakang untuk wadah, dan varian On-* untuk konten pada permukaan tersebut. Token Material 3 dirancang untuk bekerja dengan generasi warna dinamis dari wallpaper pengguna melalui sistem Material You. Kedua platform memilih warna yang sedikit berbeda untuk mode gelap untuk mengoptimalkan kecerahan dan kontras yang dirasakan melawan latar belakang yang gelap masing-masing.

Tips & Best Practices

1
Warna sistem iOS disesuaikan secara otomatis dalam kode - gunakan UIColor.systemBlue bukan nilai HEX yang dikodekan
2
Token Material 3 Android harus digunakan melalui MaterialTheme di Jetpack Compose
3
Warna mode gelap sedikit lebih terang daripada mode terang untuk mempertahankan bobot visual pada latar belakang gelap
4
Gunakan nama semantik (warna sistem) bukan nilai yang dikodekan untuk mendukung mode gelap secara otomatis
5
iOS memiliki enam tingkat abu-abu (systemGray hingga systemGray6) untuk berbagai tingkat hierarki

Related Tools

Konverter HEX ke RGB

Ubah kode warna HEX menjadi nilai RGB secara instan dengan pratinjau langsung.

🎨 Color Tools

Pemilih Warna

Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

🎨 Color Tools

Pemeriksa Rasio Kontras

Periksa rasio kontras WCAG antara warna latar depan dan latar belakang.

🎨 Color Tools

Palet Warna Merek

Jelajahi palet warna resmi dari 50+ merek dan perusahaan teknologi populer.

🎨 Color Tools

Warna Desain Material

Jelajahi palet warna Desain Material yang lengkap dengan semua nuansa dan aksen.

🎨 Color Tools

Frequently Asked Questions

Q Mengapa warna mode gelap berbeda dari mode terang?

Warna mode gelap disesuaikan untuk mempertahankan bobot visual dan keterbacaan pada latar belakang gelap. Menggunakan warna mode terang yang diubah tidak menghasilkan hasil yang baik karena persepsi manusia tentang kecerahan tidak linier.

Q Apakah saya harus menggunakan nilai HEX ini secara langsung dalam kode asli?

Lebih disukai menggunakan platform API (UIColor.systemBlue, MaterialTheme.colorScheme.primary) karena mereka menangani perubahan tampilan secara otomatis. Gunakan nilai HEX ini untuk alat desain dan referensi.

Q Apakah ini sesuai dengan versi OS terbaru?

Ini merepresentasikan warna platform standar. Apple dan Google terkadang menyesuaikan nilai dalam rilis OS baru. Selalu verifikasi melawan dokumentasi SDK terbaru untuk aplikasi produksi.

About This Tool

Warna Sistem iOS & Android is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.