Langsung ke pemilih warna

Konverter HSL ke Android XML

Tempel nilai HSL, langsung dapat Android XML. Format lain juga bisa.

Dibaca sebagai HSL

Nilai Android XML#FF5733
Android XML ke HSL

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh HSL ke Android XML

WarnaHSLAndroid XML
hsl(0, 100%, 50%)#FF0000
hsl(120, 100%, 50%)#00FF00
hsl(240, 100%, 50%)#0000FF
hsl(0, 0%, 100%)#FFFFFF
hsl(0, 0%, 0%)#000000
hsl(0, 0%, 50.2%)#808080
hsl(10.59, 100%, 60%)#FF5733
hsl(217.22, 91.22%, 59.8%)#3B82F6
hsl(160.12, 84.08%, 39.41%)#10B981
hsl(37.69, 92.13%, 50.2%)#F59E0B
hsl(258.31, 89.53%, 66.27%)#8B5CF6
hsl(330.37, 81.19%, 60.39%)#EC4899

Tentang HSL dan Android XML

HSL menggambarkan rona dalam derajat, serta saturasi dan kecerahan dalam persen. Mudah dibaca, tetapi kecerahannya tidak merata secara persepsi: kuning pada 50% terlihat jauh lebih terang daripada biru pada 50%.

Resource XML Android menulis warna sebagai #RRGGBB atau #AARRGGBB dengan alpha di depan, misalnya #80FF5733 untuk opasitas 50%. Urutan ARGB ini berbeda dengan CSS, yang menaruh alpha di akhir.

Cara kerja konversinya

Kami membaca nilai HSL, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke Android XML. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi HSL ke Android XML?

Tempel atau ketik nilai HSL di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai Android XML.

Apakah konversi HSL ke Android XML ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.