نحوه تبدیل HEX به RGB به صورت آنلاین و رایگان (راهنمای 2026)

طراح شما به شما ‎#3B82F6‎ می‌دهد. چارچوب CSS شما rgb(59, 130, 246) را می‌خواهد. ابزار طراحی شما یک فرمت را می‌پذیرد، اما کدی که شما به ارث برده‌اید از فرمت دیگری استفاده می‌کند. تبدیل دستی بین HEX و RGB شامل محاسبات هگزادسیمال است - ممکن است، اما کند و مستعد خطا است. این راهنما توضیح می‌دهد که این دو فرمت در واقع چه هستند، چه زمانی از هر کدام استفاده کنیم، و راهنمای رایگان ما تبدیل HEX به RGB چگونه از همان ابتدا تغییر کنیم.

مبدل رایگان چه کاری انجام می‌دهد؟

تبدیل HEX به RGB کدهای رنگ را در هر دو جهت ترجمه می کند: چسباندن یک کد HEX مقادیر RGB آن را برمی گرداند، یا وارد کردن یک عدد RGB یک کد HEX را برمی گرداند. تبدیل سریع و دقیق است - بدون گرد کردن، بدون حدس و گمان - و به طور کامل در مرورگر شما بدون ثبت اجرا می شود.

توضیح HEX و RGB (به درستی، یک بار)

هر رنگ روی صفحه از سه نور قرمز، سبز و آبی تشکیل شده است. هر دو فرمت به سادگی میزان روشنایی هر نور را توصیف می‌کنند. HEX سه سطح جوهر را به صورت جفت‌های هگزادسیمال (مبنای 16) و به دنبال آن # می‌نویسد. در #3B82F6، عدد 3B نشان‌دهنده‌ی سطح قرمز، عدد 82 نشان‌دهنده‌ی سطح سبز و عدد F6 نشان‌دهنده‌ی سطح آبی است. هر جفت از 00 (بسته) تا FF (کامل) متغیر است. RGB همان سه سطح را به عنوان اعداد اعشاری از 0 تا 255 می نویسد: rgb(59، 130، 246). عدد 3B در هگز معادل عدد 59 در دسیمال است - همان رنگ، نماد متفاوت. هر کانال دارای 256 سطح ممکن است، بنابراین این دو فرمت با هم می توانند 256 × 256 × 256 = 16،777،216 رنگ مختلف را توصیف کنند. تبدیل بین آنها ریاضی محض در آن سه عدد است - کاری که ابزار برای شما انجام می دهد.

گام به گام: در هر جهت تغییر دهید

1. تبدیل HEX به RGB باز کردن در هر مرورگر مدرنی، بدون نیاز به ثبت‌نام، کار می‌کند.
2. برای تبدیل HEX → RGB: کد HEX خود را (با یا بدون #) وارد یا جایگذاری کنید. ابزار بلافاصله سه عدد RGB را نمایش می‌دهد.
3. برای تبدیل RGB → HEX: سه مقدار (هر کدام از 0 تا 255) را وارد کنید. ابزار بلافاصله کد HEX را نمایش می‌دهد.
4. نتیجه را کپی کرده و در فایل استایل، ابزار طراحی یا کد خود جایگذاری کنید.

زمان استفاده از HEX در مقابل RGB

• از HEX برای کارهای روزمره CSS استفاده کنید — جمع و جور است، به طور جهانی پشتیبانی می‌شود و همان چیزی است که اکثر توسعه‌دهندگان انتخاب می‌کنند: رنگ: #3B82F6;.
• هنگامی که شفافیت مورد نظر است از RGB استفاده کنید. RGBA یک عدد چهارم، آلفا، از 0 (نامرئی) به 1 (پررنگ) اضافه می‌کند: rgba(59, 130, 246, 0.5) همان آبی با شفافیت نصف است. این روش استاندارد برای ایجاد پوشش‌ها، سایه‌ها و عناصر کم‌نور در CSS است.
• هنگام انجام محاسبات روی رنگ‌ها در کد، از RGB استفاده کنید — روشن‌تر کردن، تیره‌تر کردن یا ترکیب کردن، نسبت به جفت‌های هگز از اعداد 0 تا 255، شهودی‌تر است.
• هنگام کپی رنگ ها بین ابزارهای طراحی از HEX استفاده کنید — فیگما، فتوشاپ و اکثر انتخابگرها به طور پیش‌فرض HEX را می‌پذیرند و نمایش می‌دهند.

کدهای HEX خلاصه شده: واقعاً #FFF به چه معناست

شما اغلب کدهای HEX سه رقمی مانند #FFF (سفید) یا #333 (خاکستری تیره) را خواهید دید. این فقط خلاصه نویسی است: هر رقم دو برابر شده است، بنابراین #FFF به معنی #FFFFFF و #3BF به معنی #33BBFF است. این فقط در صورتی کار می‌کند که هر جفت از دو رقم یکسان تشکیل شده باشد. اگر کد خلاصه نویسی را در مبدل قرار دهید، مبدل بسط را انجام می‌دهد - اما ارزش دارد که قوانین را بدانید تا بتوانید شیوه‌نامه‌های دیگران را بخوانید.

اشتباهات رایج در تبدیل

• #فراموش کردن اختیاری است: 3B82F6 و #3B82F6 یک رنگ هستند. اگر ابزاری پیست شما را رد کرد، هش اضافه یا حذف کنید.
• مقادیر خارج از 0 تا 255: کانال‌های RGB نمی‌توانند از 255 بیشتر شوند. اگر منبع شما چیز دیگری می‌گوید، در بالا مشکلی وجود دارد - آن را محدود کنید و دوباره بررسی کنید.
• تطبیق ترتیب کانال: همیشه قرمز، سبز، آبی است. تعویض دو کانال بدون هیچ هشداری رنگ کاملاً متفاوتی به شما می‌دهد.
• با فرض اینکه رنگ‌های صفحه نمایش با رنگ‌های چاپ شده یکسان باشند: HEX/RGB روشنایی صفحه را توصیف می کند. برای کارهای چاپی، رنگ‌ها به تبدیل CMYK و تصحیح فیزیکی نیاز دارند - فرآیندی متفاوت.
• حدس زدن به جای تغییر دادن: رنگ‌های «نزدیک» با هر کپی از هم دورتر می‌شوند. همیشه به درستی تبدیل کنید؛ این ابزار برای همین کار ساخته شده است.

گردش کار عملی: از رنگ برند تا پوشش شفاف

این وظیفه تبدیل است که توسعه‌دهندگان دائماً با آن مواجه می‌شوند: رنگ برند #3B82F6 است و شما یک نسخه نیمه‌شفاف برای پوشش مودال می‌خواهید. تبدیل HEX به RGB کد #3B82F6 را در آن قرار دهید → به rgb(59, 130, 246) می‌رسید. در CSS خود بنویسید background: rgba(59, 130, 246, 0.5); — تک رنگ، 50٪ شفافیت. بررسی کنتراست متن روی هم افتاده را با پس‌زمینه مقایسه کنید تا مطمئن شوید خوانا است. سی ثانیه، بدون محاسبات ریاضی، رنگ دقیق ذخیره شد.

سوالات متداول

آیا مبدل رایگان است؟

بله — تغییرات نامحدود در هر دو جهت، بدون ثبت نام.

آیا تغییر درست است یا تقریبی؟

درست است. HEX و RGB دو نمادگذاری برای سه عدد یکسان هستند، بنابراین تبدیل بدون اتلاف است - رنگ اصلاً تغییر نمی‌کند.

آیا می تواند 3 رقمی HEX مانند #FFF را مدیریت کند؟

کدهای میانبر با دو برابر کردن هر رقم گسترش می‌یابند (#FFF → #FFFFFF). کد را وارد کنید و مبدل مقادیر RGB صحیح را به شما ارائه می‌دهد.

چگونه می‌توانم به یک رنگ HEX شفافیت اضافه کنم؟

ابتدا آن را به RGB تبدیل کنید، سپس از فرم RGBA استفاده کنید: rgba(59, 130, 246, 0.5). آخرین عدد، شفافیت از 0 تا 1 است.

همین الان تغییر کن: رایگان تبدیل HEX به RGB · رایگان انتخاب رنگ · رایگان سازنده گرادیان