تبدیل HSL به HEX
یک مقدار HSL وارد کنید و فوراً HEX بگیرید. فرمتهای دیگر هم کار می‌کنند.
نمونه‌های تبدیل HSL به HEX
دربارهٔ HSL و HEX
HSL فام را به درجه و اشباع و روشنایی را به درصد بیان میکند. خواندنش آسان است، اما روشنایی‌اش با ادراک چشم یکنواخت نیست: زرد در 50% خیلی روشن‌تر از آبی در 50% دیده میشود.
HEX قرمز، سبز و آبی را هر کدام با دو رقم در مبنای 16 می‌نویسد، مثل #ff5733. رایج‌ترین روش نوشتن رنگ در وب و ابزارهای طراحی است.
تبدیل چطور انجام میشود
مقدار HSL را می‌خوانیم، با ماتریس‌های مشخصات CSS Color 4 به CIE XYZ و سپس به HEX تبدیلش می‌کنیم. مقادیر بیرون از گاموت مقصد با الگوریتم CSS Color 4 نگاشت میشوند که روشنایی و فام را نگه می‌دارد و کروما را کم میکند.
پرسش و پاسخ
چطور HSL را به HEX تبدیل کنم؟
یک مقدار HSL را در کادر بالا جایگذاری یا تایپ کنید. PickShade همزمان با تایپ، آن را با فرمولهای CSS Color 4 تبدیل میکند و با یک کلیک مقدار HEX کپی میشود.
آیا تبدیل HSL به HEX دقیق است؟
محاسبات دقیق است و نتیجه فقط برای نمایش گرد میشود، با رقمهای کافی برای برگشت به همان رنگ. اگر رنگ در گاموت مقصد جا نشود، PickShade هشدار میدهد و نزدیکترین رنگی را که جا میشود نشان میدهد.
آیا میتوانم همزمان فرمتهای دیگر را هم بگیرم؟
بله. همهٔ فرمتهای دیگر، از جمله OKLCH، Display P3، Tailwind، SwiftUI، Flutter و Android، زیر نتیجه آمدهاند و با یک کلیک کپی میشوند.
این مبدل رایگان است؟
بله. رایگان است، ثبتنام نمیخواهد و کاملاً در مرورگر شما اجرا میشود.