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