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