مبدل HSL به HEX
تبدیل HSL به HEX همزمان با تایپ شما — رایگان، آنی، همراه با مثال عملی و جدول رنگهای رایج.
یک مقدار HSL تایپ کنید و مقدار HEX را در زیر آن بخوانید، یا یک رنگ را از پالت انتخاب کنید.
مثال عملی
HSL 11, 100%, 60% = HEX #ff5733
نحوه کارکرد تبدیل
- یک کد HEX همان سه کانال RGB است که در مبنای ۱۶ نوشته شده است: دو رقم برای هر کانال، از 00 (معادل 0) تا ff (معادل 255).
- فرمت HSL همان رنگ را با استفاده از فام (Hue از ۰ تا ۳۶۰ درجه روی چرخه رنگ)، اشباع (Saturation) و روشنی (Lightness) توصیف میکند — که برای تیره کردن یا کاهش اشباع رنگ تنها با تغییر یک مؤلفه بسیار کاربردی است.
رنگهای رایج در قالب HSL و HEX
| رنگ | HSL | HEX |
|---|---|---|
| قرمز | 0, 100%, 50% | #ff0000 |
| نارنجی | 39, 100%, 50% | #ffa500 |
| زرد | 60, 100%, 50% | #ffff00 |
| سبز | 120, 100%, 25% | #008000 |
| فیروزهای | 180, 100%, 50% | #00ffff |
| آبی | 240, 100%, 50% | #0000ff |
| بنفش | 300, 100%, 25% | #800080 |
| صورتی | 350, 100%, 88% | #ffc0cb |
| قهوهای | 0, 59%, 41% | #a52a2a |
| سفید | 0, 0%, 100% | #ffffff |
| خاکستری | 0, 0%, 50% | #808080 |
| مشکی | 0, 0%, 0% | #000000 |
تمام تبدیلها در مرورگر شما انجام میشوند. هیچیک از اطلاعات وارد شده در BroBroGo آپلود نخواهد شد.
سوالات متداول
چگونه HSL را به HEX تبدیل کنم؟
مقدار HSL خود را در بالا تایپ یا جایگذاری کنید — مقدار HEX همزمان با تایپ شما بهروزرسانی میشود. همچنین میتوانید رنگ را به صورت بصری از پالت رنگ انتخاب کنید.
آیا تبدیل دقیق است؟
مقادیر به اعداد صحیح گرد میشوند، یعنی همان حالتی که کدهای CSS و ابزارهای طراحی انتظار دارند. تفاوت ایجاد شده بسیار کمتر از آن است که با چشم انسان قابل تشخیص باشد.