مبدل HSL به RGB
تبدیل HSL به RGB همزمان با تایپ شما — رایگان، آنی، همراه با مثال عملی و جدول رنگهای رایج.
یک مقدار HSL تایپ کنید و مقدار RGB را در زیر آن بخوانید، یا یک رنگ را از پالت انتخاب کنید.
مثال عملی
HSL 11, 100%, 60% = RGB 255, 87, 51
نحوه کارکرد تبدیل
- فرمت HSL همان رنگ را با استفاده از فام (Hue از ۰ تا ۳۶۰ درجه روی چرخه رنگ)، اشباع (Saturation) و روشنی (Lightness) توصیف میکند — که برای تیره کردن یا کاهش اشباع رنگ تنها با تغییر یک مؤلفه بسیار کاربردی است.
رنگهای رایج در قالب HSL و RGB
| رنگ | HSL | RGB |
|---|---|---|
| قرمز | 0, 100%, 50% | 255, 0, 0 |
| نارنجی | 39, 100%, 50% | 255, 165, 0 |
| زرد | 60, 100%, 50% | 255, 255, 0 |
| سبز | 120, 100%, 25% | 0, 128, 0 |
| فیروزهای | 180, 100%, 50% | 0, 255, 255 |
| آبی | 240, 100%, 50% | 0, 0, 255 |
| بنفش | 300, 100%, 25% | 128, 0, 128 |
| صورتی | 350, 100%, 88% | 255, 192, 203 |
| قهوهای | 0, 59%, 41% | 165, 42, 42 |
| سفید | 0, 0%, 100% | 255, 255, 255 |
| خاکستری | 0, 0%, 50% | 128, 128, 128 |
| مشکی | 0, 0%, 0% | 0, 0, 0 |
تمام تبدیلها در مرورگر شما انجام میشوند. هیچیک از اطلاعات وارد شده در BroBroGo آپلود نخواهد شد.
سوالات متداول
چگونه HSL را به RGB تبدیل کنم؟
مقدار HSL خود را در بالا تایپ یا جایگذاری کنید — مقدار RGB همزمان با تایپ شما بهروزرسانی میشود. همچنین میتوانید رنگ را به صورت بصری از پالت رنگ انتخاب کنید.
آیا تبدیل دقیق است؟
مقادیر به اعداد صحیح گرد میشوند، یعنی همان حالتی که کدهای CSS و ابزارهای طراحی انتظار دارند. تفاوت ایجاد شده بسیار کمتر از آن است که با چشم انسان قابل تشخیص باشد.