یک کد HEX سه عدد 8-بیتی را در شش رقم هگزا دسیمال فشرده میکند. تبدیل HEX به RGB یعنی تقسیم آن ارقام به جفتها و خواندن هر جفت بهعنوان عددی دهدهی بین 0 و 255 — دقیقاً مقادیری که CSS، Figma و ویرایشگرهای تصویر انتظار دارند.
چطور تبدیل HEX به RGB کار میکند
- حذف # پیشرو و اگر کد فقط سه رقم داشت، هر رقم را دوبار تکرار کن: #f53 تبدیل میشود به #ff5533.
- شش رقم را به سه جفت تقسیم کن — RR، GG و BB.
- هر جفت را بهعنوان عدد پایه-16 بخوان و آن را به پایه 10 تبدیل کن: FF میشود 255، 57 میشود 87، 33 میشود 51.
- سه نتیجه را به صورت rgb(R, G, B) بنویس.
مثال عملی
این تبدیل دقیق است. HEX و RGB همان مقادیر sRGB را در نمادهیهای متفاوت توصیف میکنند، پس چیزی در هیچیک از دو جهت گرد یا از بین نمیرود.
HEX و RGB توضیح دادهشده
HEX چیست؟
کد HEX یک عدد ششرقمی هگزا دسیمال است که کانالهای قرمز، سبز و آبی رنگ را پشت یک # پیشرو ذخیره میکند. هر جفت رقم یک کانال را پوشش میدهد، از 00 (هیچ) تا FF (تمام)، که همان 16.7 میلیون رنگِ RGB را در نمادهی کوتاهتری ارائه میدهد. HEX در CSS، ابزارهای طراحی و راهنمای برند پیشفرض است.
- نحو:
- #RRGGBB
- دامنه:
- 00–FF برای هر کانال
- مناسب برای:
- CSS، تحویل طراحی، راهنمای برند
RGB چیست؟
RGB یک رنگ را بهصورت سه کانال نور — قرمز، سبز و آبی — هر کدام از 0 تا 255 توصیف میکند. این دقیقاً نحوه کار صفحهنمایشها را بازتاب میدهد: هر سه در 255 سفید را میسازند و هر سه در 0 سیاه را. هر وقت لازم است با مقادیر حساب کنی، RGB انتخاب درستی است، و rgba() شفافیت را اضافه میکند.
- نحو:
- rgb(R, G, B)
- دامنه:
- 0–255 برای هر کانال
- مناسب برای:
- کدنویسی، canvas، شفافیت با rgba()
جدول مرجع HEX به RGB
متداولترین رنگهای CSS، تبدیلشده از HEX به RGB.
| رنگ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |