Langsung ke pemilih warna

Konverter Flutter / Compose ke HSL

Tempel nilai Flutter / Compose, langsung dapat HSL. Format lain juga bisa.

Dibaca sebagai kode Flutter

Nilai HSLhsl(10.59, 100%, 60%)
HSL ke Flutter / Compose

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh Flutter / Compose ke HSL

WarnaFlutter / ComposeHSL
Color(0xFFFF0000)hsl(0, 100%, 50%)
Color(0xFF00FF00)hsl(120, 100%, 50%)
Color(0xFF0000FF)hsl(240, 100%, 50%)
Color(0xFFFFFFFF)hsl(0, 0%, 100%)
Color(0xFF000000)hsl(0, 0%, 0%)
Color(0xFF808080)hsl(0, 0%, 50.2%)
Color(0xFFFF5733)hsl(10.59, 100%, 60%)
Color(0xFF3B82F6)hsl(217.22, 91.22%, 59.8%)
Color(0xFF10B981)hsl(160.12, 84.08%, 39.41%)
Color(0xFFF59E0B)hsl(37.69, 92.13%, 50.2%)
Color(0xFF8B5CF6)hsl(258.31, 89.53%, 66.27%)
Color(0xFFEC4899)hsl(330.37, 81.19%, 60.39%)

Tentang Flutter / Compose dan HSL

Flutter dan Jetpack Compose menulis warna sebagai satu angka ARGB 32 bit, misalnya Color(0xFFFF5733). Dua digit hex setelah 0x adalah alpha, dan FF berarti buram penuh.

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%.

Cara kerja konversinya

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

Tanya jawab

Bagaimana cara mengonversi Flutter / Compose ke HSL?

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

Apakah konversi Flutter / Compose ke HSL 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.