HSL → Flutter / Compose dönüştürücü

Bir HSL değeri yapıştırın, Flutter / Compose karşılığını anında alın. Diğer formatlar da çalışır.

Kaynak: HSL

Algılanan: HSL

Flutter / Compose değeriColor(0xFFFF5733)

Flutter / Compose → HSL

Rengi ayarla

Renk özü11°

Opaklık%100

Açıklık%68

Kroma0,210

Renk özü34°

Diğer tüm formatlar

HSL → Flutter / Compose örnekleri

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

HSL ve Flutter / Compose hakkında

HSL, renk özünü derece, doygunluk ve açıklığı yüzde olarak tanımlar. Okuması kolaydır ama açıklığı algıya göre eşit değildir: %50’deki sarı, %50’deki maviden çok daha açık görünür.

Flutter ve Jetpack Compose bir rengi tek bir 32 bit ARGB sayısı olarak yazar, örneğin Color(0xFFFF5733). 0x’ten sonraki iki hex hane alfadır, FF tamamen opak demektir.

Dönüştürme nasıl çalışır

HSL değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da Flutter / Compose formatına çeviriyoruz. Hedef gamın dışında kalan değerler, açıklığı ve renk özünü koruyup kromayı azaltan CSS Color 4 algoritmasıyla gama sığdırılır.

Sorular ve yanıtlar

HSL değerini Flutter / Compose formatına nasıl dönüştürürüm?

Yukarıdaki alana bir HSL değeri yapıştırın veya yazın. PickShade siz yazarken değeri CSS Color 4 formülleriyle dönüştürür, Flutter / Compose değerini de tek tıkla kopyalarsınız.

HSL → Flutter / Compose dönüşümü kesin mi?

Hesaplama kesindir; sonuç yalnızca gösterim için yuvarlanır ve aynı renge geri dönüştürmeye yetecek kadar basamak içerir. Renk hedef gama sığmıyorsa PickShade sizi uyarır ve sığan en yakın rengi gösterir.

Aynı anda başka formatları da alabilir miyim?

Evet. OKLCH, Display P3, Tailwind, SwiftUI, Flutter ve Android dahil diğer tüm formatlar sonucun altında listelenir ve tek tıkla kopyalanır.

Bu dönüştürücü ücretsiz mi?

Evet. Ücretsizdir, üyelik gerektirmez ve tamamen tarayıcınızda çalışır.