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

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

Kaynak: Flutter / Compose

Algılanan: Flutter kodu

HSL değerihsl(10.59, 100%, 60%)

HSL → Flutter / Compose

Rengi ayarla

Renk özü11°

Opaklık%100

Açıklık%68

Kroma0,210

Renk özü34°

Diğer tüm formatlar

Flutter / Compose → HSL örnekleri

Renk	Flutter / Compose	HSL
	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%)

Flutter / Compose ve HSL hakkında

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.

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.

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

Flutter / Compose değerini okuyup CSS Color 4 spesifikasyonundaki matrislerle CIE XYZ’ye, oradan da HSL 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

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

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

Flutter / Compose → HSL 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.