تبدیل HEX به RGB
کدهای رنگ HEX را به مقادیر RGB و برعکس فورا تبدیل کنید. رایگان.
نحوه استفاده
- در کادر ورودی کد رنگ هگز را بنویسید — مثلا #FF5733 (6 رقم) یا کوتاه #F53 (3 رقم).
- ابزار فورا به مقادیر RGB تبدیل می کند، و معمولا معادل های RGBA و HSL را هم نشان می دهد.
- روی هر مقدار تبدیل شده کلیک کنید تا آن را مستقیم در CSS، ابزار طراحی یا ویرایشگر کد خود کپی کنید.
- نمونه پیش نمایش رنگ را بررسی کنید تا به صورت بصری مطمئن شوید دقیقا همان سایه ای را گرفته اید که می خواستید.
سوالات متداول
آیا این واقعا رایگان است؟
بله — هر ابزار این سایت 100% رایگان است، بدون محدودیت، بدون ثبت نام و بدون واترمارک.
آیا داده های من خصوصی است؟
قطعا. همه پردازش به صورت محلی در مرورگر شما انجام می شود. فایل های شما هرگز به هیچ سروری بارگذاری نمی شوند.
کد رنگ هگز دقیقا چیست؟
کدگذاری هگزادسیمال (مبنای 16) که به صورت #RRGGBB نوشته می شود. هر جفت رقم شدت قرمز، سبز و آبی را از 00 (هیچ) تا FF (255، کامل) تنظیم می کند. پس #FF0000 قرمز خالص است، #00FF00 سبز خالص است و #FFFFFF سفید است.
آیا می توانم کدهای هگز کوتاه 3 رقمی را تبدیل کنم؟
بله. کوتاه مثل #F53 خود به خود با تکرار هر رقم تا #FF5533 گسترش می یابد. این هر وقت هر جفت از ارقام یکسان باشد کار می کند.
تفاوت RGB و RGBA چیست؟
RGBA کانال چهارمی اضافه می کند: آلفا (کدری)، از 0 (کاملا شفاف) تا 1 (کاملا غیر شفاف). و RGB(255، 87، 51) و RGBA(255، 87، 51، 0.5) یک رنگ هستند — دومی 50% شفاف است.
چرا طراحان وب کدهای هگز را ترجیح می دهند؟
هگز کوتاه و مناسب کپی و چسباندن است — شش کاراکتر هر یک از 16.7 میلیون رنگ را می گیرند. و RGB انعطاف پذیر است وقتی باید با کانال ها حساب کنید (مثل ترکیب یا تنظیم روشنایی با برنامه).
تبدیل کننده HEX به RGB — راهنمای کامل
طراحان هگز (#FF5733) صحبت می کنند؛ توسعه دهندگان اغلب به RGB (rgb(255، 87، 51)) نیاز دارند. اینها دو کدگذاری همان 16.7 میلیون رنگ هستند — و ترجمه دستی بین آنها به معنای محاسبات مبنای 16 است که کسی از آن لذت نمی برد. این تبدیل کننده فورا بین هگز و RGB و RGBA و HSL جابه جا می شود، با نمونه پیش نمایش زنده، همه در مرورگر شما.
هر دو سیستم چگونه به هم متصل هستند
هر دو سیستم رنگ را به صورت افزایشی توصیف می کنند: چه مقدار نور قرمز، سبز و آبی مخلوط شود. هگز هر کانال را در دو رقم مبنای 16 بسته بندی می کند (00–FF = 0–255). و RGB همان سه عدد را به صورت اعشاری می نویسد، با ویرگول جدا شده. و #FF5733 شکسته می شود به قرمز=FF (255)، سبز=57 هگز (87) و آبی=33 هگز (51) — که با rgb(255، 87، 51) مطابقت دارد. شفافیت آلفا در RGBA به صورت اعشاری 0–1 اعمال می شود، یا در CSS مدرن به صورت جفت هگز چهارم (#RRGGBBAA).
هر قالب را چه زمانی استفاده کنید
هگز استفاده کنید برای مقادیر طراحی ثابت در برگه های سبک — این کوتاه و به صورت جهانی شناخته شده است. RGB/RGBA استفاده کنید وقتی کدری تغییر می کند (روکش ها، سایه ها و گرادیان های دارای شفافیت) یا وقتی جاوا اسکریپت باید کانال ها را به صورت عددی پردازش کند. HSL استفاده کنید وقتی رنگ/اشباع/روشنایی را به صورت شهودی تنظیم می کنید — «کمی تیره ترش کن» مستقیم به کم کردن مقدار روشنایی نگاشت می شود، که در هگز سخت است.
گردش کار عملی
تطابق رنگ برند: هگز برند را از راهنمای سبک بچسبانید و RGB را برای استفاده در پالت، فیلترهای SVG یا موتورهای بازی کپی کنید. ساخت پالت ها: هگز پایه را به HSL تبدیل کنید، رنگ را با قدم های ثابت بچرخانید و برگردانید — پالت هماهنگ فوری. اشکال زدایی: وقتی رنگی روی صفحه غلط به نظر می رسد، تبدیل کنید و کانال های جداگانه را بررسی کنید تا مقصر را بگیرید (اغلب آلفای غیر منتظره). مستندات: سیستم های طراحی معمولا هر دو کدگذاری را فهرست می کنند تا طراحان و توسعه دهندگان هماهنگ بمانند.
برگه تقلب تبدیل فوری
نشانه ها را به یاد داشته باشید: #000000 سیاه (0،0،0) و #FFFFFF سفید (255،255،255) و #FF0000/#00FF00/#0000FF رنگ های اصلی خالص. خاکستری ها سه تایی های برابر هستند (#888888 = خاکستری متوسط). و هر کد 3 رقمی تکرار می شود: #ABC می شود #AABBCC. با این لنگرها، برای رنگ های معمولی به ندرت به محاسبه گر نیاز دارید — اما وقتی دقت مهم است اینجاست.
راهنمای گام به گام: نحوه تبدیل رایگان HEX به RGB آنلاین (راهنمای 2026)