Konverter Warna: HEX, RGB, HSV, Swift & Kotlin

Ketik HEX atau pilih warna untuk mendapatkan nilai dan kode siap pakai untuk web, iOS, dan Android.

Aa contoh teks

Berjalan sepenuhnya di browser. Data yang Anda masukkan tidak dikirim atau disimpan.

Cara menggunakan

  1. Ketik HEX (#RGB, #RRGGBB, atau 8 digit) atau gunakan pemilih warna.
  2. Pilih urutan 8 digit: ARGB (iOS/Android) atau RGBA (CSS).
  3. Salin format yang dibutuhkan.

Desainer biasanya memberi warna dalam kode HEX, padahal iOS, Android, dan CSS menuliskannya dengan cara berbeda. Konverter warna ini menerima nilai HEX — #RGB, #RRGGBB, atau 8 digit — atau warna dari color picker, lalu menghasilkan HEX, rgb(), rgba(), HSV, kode CSS #RRGGBBAA, UIColor Swift, Color SwiftUI, Color(0xAARRGGBB) Kotlin, dan resource <color> Android yang siap disalin.

Kode 3 digit diperluas dengan mengulang tiap digit, jadi #ABC menjadi #AABBCC. Untuk kode 8 digit Anda memilih posisi alfa: ARGB yang dipakai Android dan banyak helper iOS, atau RGBA yang dipakai CSS. Nilai Swift adalah kanal ÷ 255 yang dibulatkan tiga angka desimal. Kecerahan memakai bobot YIQ (R×299 + G×587 + B×114) ÷ 1000 pada skala 0–1; di atas 0,5 warna dianggap terang dan teks gelap disarankan, selain itu teks putih.

Batasan: bentuk singkat 4 digit #RGBA tidak dibaca, gunakan 8 digit. Color picker hanya mengatur RGB, jadi memilih warna mengembalikan alfa ke buram penuh. HSV dibulatkan ke bilangan bulat, dan tidak ada konversi antar ruang warna seperti Display P3 dan sRGB. Karakter selain digit heksadesimal, termasuk #, diabaikan. Konversi berjalan sepenuhnya di browser Anda dan tidak ada yang dikirim.

Pertanyaan umum

Apa beda #AARRGGBB dan #RRGGBBAA?

Android dan banyak helper iOS menaruh alpha di depan (AARRGGBB); CSS di belakang (RRGGBBAA).

Bagaimana warna teks dipilih?

Kecerahan memakai rumus YIQ: (R×299 + G×587 + B×114) ÷ 1000. Di atas 0,5 disarankan teks gelap; selain itu teks putih.

Apakah HEX 3 digit didukung?

Ya. #ABC diperluas menjadi #AABBCC.

Alat terkait