مبدل رایگان

HSL به مبدل HEX

مقادیر رنگ HSL را فوراً به کدهای رنگ HEX تبدیل کنید - مبدل رنگ رایگان و بلادرنگ.

رنگ
اشباع (%)
سبکی (%)

خروجی HEX

#368CE2
R:54
G:140
B:226

فرمت کپی

فرمت #HEX#368CE2
فرمت hsl().hsl(210°, 75%, 55%)
فرمت rgb().rgb(54, 140, 226)

درباره این ابزار

مقادیر رنگ HSL (Hue, Saturation, Lightness) را به کدهای هگزادسیمال تبدیل کنید. HSL یک مدل رنگ بصری است که در آن Hue زاویه رنگ (0-360 درجه)، Saturation شدت رنگ (0-100٪) است، و Lightness میزان روشن یا تیره بودن رنگ (0-100٪) را کنترل می کند. مفید برای طراحانی که در HSL کار می کنند و به کدهای هگز برای CSS نیاز دارند.

نحوه استفاده

  1. مقدار Hue (0-360 درجه در چرخه رنگ) را وارد کنید.
  2. Saturation (0-100%) و Lightness (0-100%) را تنظیم کنید.
  3. کد هگز محاسبه شده و در زمان واقعی نمایش داده می شود.
  4. کد هگز را برای استفاده در CSS یا ابزار طراحی خود کپی کنید.

سوالات متداول

چرا از HSL به جای hex یا RGB استفاده کنیم؟
HSL برای انسان شهودی تر است. سایه تیره تر می خواهید؟ کاهش سبکی نسخه خاموش می خواهید؟ کاهش اشباع این روابط در هگز یا RGB که باید هر سه کانال را تنظیم کنید واضح نیستند.
رنگ 0 در مقابل 360 به چه معناست؟
هر دو 0 درجه و 360 درجه قرمز هستند - چرخ رنگ به اطراف می پیچد. رنگ های اصلی: 0 درجه = قرمز، 60 درجه = زرد، 120 درجه = سبز، 180 درجه = فیروزه ای، 240 درجه = آبی، 300 درجه = سرخابی.
در اشباع 0% و 100% چه اتفاقی می افتد؟
در اشباع 0٪، هر رنگی به سایه ای خاکستری تبدیل می شود (تنها با روشن بودن مشخص می شود). در 100٪ اشباع، خالص ترین و واضح ترین نسخه آن رنگ را دریافت می کنید.
سبکی چگونه کار می کند؟
روشنایی 0٪ بدون توجه به رنگ / اشباع همیشه سیاه است. 100% همیشه سفید است. 50% خالص ترین و زنده ترین نسخه رنگ را می دهد. مقادیر بین 0-50٪ سایه های تیره تر، 50-100٪ رنگ های روشن تر هستند.