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