رفتن به انتخابگر رنگ

تبدیل Android XML به HSL

یک مقدار Android XML وارد کنید و فوراً HSL بگیرید. فرمت‌های دیگر هم کار می‌کنند.

خوانده‌شده به‌صورت HEX

مقدار HSLhsl(10.59, 100%, 60%)
HSL به Android XML

تنظیم رنگ

۱۱°
۱۰۰٪

۶۸٪
۰٫۲۱۰
۳۴°

همهٔ فرمت‌های دیگر

نمونه‌های تبدیل Android XML به HSL

رنگAndroid XMLHSL
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFFFFhsl(0, 0%, 100%)
#000000hsl(0, 0%, 0%)
#808080hsl(0, 0%, 50.2%)
#FF5733hsl(10.59, 100%, 60%)
#3B82F6hsl(217.22, 91.22%, 59.8%)
#10B981hsl(160.12, 84.08%, 39.41%)
#F59E0Bhsl(37.69, 92.13%, 50.2%)
#8B5CF6hsl(258.31, 89.53%, 66.27%)
#EC4899hsl(330.37, 81.19%, 60.39%)

دربارهٔ Android XML و HSL

منابع XML اندروید رنگ‌ها را به شکل #RRGGBB یا #AARRGGBB با آلفا در ابتدا می‌نویسند، مثل #80FF5733 برای کدری ۵۰٪. این ترتیب ARGB با CSS فرق دارد که آلفا را در انتها می‌گذارد.

HSL فام را به درجه و اشباع و روشنایی را به درصد بیان می‌کند. خواندنش آسان است، اما روشنایی‌اش با ادراک چشم یکنواخت نیست: زرد در 50% خیلی روشن‌تر از آبی در 50% دیده می‌شود.

تبدیل چطور انجام می‌شود

مقدار Android XML را می‌خوانیم، با ماتریس‌های مشخصات CSS Color 4 به CIE XYZ و سپس به HSL تبدیلش می‌کنیم. مقادیر بیرون از گاموت مقصد با الگوریتم CSS Color 4 نگاشت می‌شوند که روشنایی و فام را نگه می‌دارد و کروما را کم می‌کند.

پرسش و پاسخ

چطور Android XML را به HSL تبدیل کنم؟

یک مقدار Android XML را در کادر بالا جای‌گذاری یا تایپ کنید. PickShade هم‌زمان با تایپ، آن را با فرمول‌های CSS Color 4 تبدیل می‌کند و با یک کلیک مقدار HSL کپی می‌شود.

آیا تبدیل Android XML به HSL دقیق است؟

محاسبات دقیق است و نتیجه فقط برای نمایش گرد می‌شود، با رقم‌های کافی برای برگشت به همان رنگ. اگر رنگ در گاموت مقصد جا نشود، PickShade هشدار می‌دهد و نزدیک‌ترین رنگی را که جا می‌شود نشان می‌دهد.

آیا می‌توانم هم‌زمان فرمت‌های دیگر را هم بگیرم؟

بله. همهٔ فرمت‌های دیگر، از جمله OKLCH، Display P3، Tailwind، SwiftUI، Flutter و Android، زیر نتیجه آمده‌اند و با یک کلیک کپی می‌شوند.

این مبدل رایگان است؟

بله. رایگان است، ثبت‌نام نمی‌خواهد و کاملاً در مرورگر شما اجرا می‌شود.