RGB سه کانال ده‌دهی بین 0 و 255 به تو میدهد. تبدیل به HEX هر کانال را به یک عدد دو رقمی هگزا دسیمال تبدیل میکند، بنابراین کل رنگ در یک نشانه فشرده جا می‌گیرد که همه مرورگرها، ابزارهای طراحی و راهنماهای سبک آن را می‌شناسند.
چطور تبدیل RGB به HEX کار میکند
- کانال قرمز را بر 16 تقسیم کن: خارج قسمت رقم اول و باقیمانده رقم دوم است.
- اعداد 10 تا 15 را با حروف A تا F بنویس — 255 میشود FF.
- برای سبز و آبی هم تکرار کن و ارقام تک‌رقمی را با صفر پیشرو پر کن: 5 میشود 05.
- سه جفت را به هم وصل کن و یک # جلویشان بگذار.
مثال عملی
دقیق است، مادامی که مقادیر کانالها اعداد کامل بین 0 تا 255 باشند. مقادیر اعشاری مثل rgb(79.5, 70, 229) ابتدا به نزدیکترین عدد صحیح گرد میشوند، چون HEX چیزی مابین را ذخیره نمیکند.
RGB و HEX توضیح داده‌شده
RGB چیست؟
RGB یک رنگ را به‌صورت سه کانال نور — قرمز، سبز و آبی — هر کدام از 0 تا 255 توصیف میکند. این دقیقاً نحوه کار صفحه‌نمایش‌ها را بازتاب میدهد: هر سه در 255 سفید را می‌سازند و هر سه در 0 سیاه را. هر وقت لازم است با مقادیر حساب کنی، RGB انتخاب درستی است، و rgba() شفافیت را اضافه میکند.
- نحو:
- rgb(R, G, B)
- دامنه:
- 0–255 برای هر کانال
- مناسب برای:
- کدنویسی، canvas، شفافیت با rgba()
HEX چیست؟
کد HEX یک عدد ششرقمی هگزا دسیمال است که کانالهای قرمز، سبز و آبی رنگ را پشت یک # پیشرو ذخیره میکند. هر جفت رقم یک کانال را پوشش میدهد، از 00 (هیچ) تا FF (تمام)، که همان 16.7 میلیون رنگِ RGB را در نمادهی کوتاهتری ارائه میدهد. HEX در CSS، ابزارهای طراحی و راهنمای برند پیشفرض است.
- نحو:
- #RRGGBB
- دامنه:
- 00–FF برای هر کانال
- مناسب برای:
- CSS، تحویل طراحی، راهنمای برند
جدول مرجع RGB به HEX
متداول‌ترین رنگ‌های CSS، تبدیل‌شده از RGB به HEX.
| رنگ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |