درباره صفحه تبدیل RGB به HEX
در این صفحه، سه عدد اعشاری برای کانالهای قرمز، سبز و آبی (هر کدام بین ۰ تا ۲۵۵) وارد میکنید و بلافاصله کد هگزادسیمال معادل (مثلاً #1E90FF) را دریافت میکنید. ابزار همزمان رنگ حاصل را به صورت بصری نمایش میدهد و سایر فرمتهای رنگی (HSL, HSV, CMYK, LAB) را نیز بهروز میکند. بنابراین میتوانید مقدار hex را مستقیماً در CSS، نرمافزار طراحی یا هر جایی که به کد ششرقمی هگز نیاز دارید، استفاده کنید.
چه چیزی این صفحه را متفاوت میکند
این صفحه از RGB (اعشاری، سه کانال ۰–۲۵۵) به hex (هگزادسیمال، ششرقمی یا سهرقمی به صورت خلاصه) تبدیل میکند. دو فرمت دقیقاً یک طیف رنگی یکسان را پوشش میدهند – فضای کاری sRGB که در بیشتر نمایشگرها استفاده میشود – بنابراین هیچ برش یا تقریبی در گاموت رخ نمیدهد. خروجی hex همیشه با # شروع میشود و مگر از فرمت هشترقمی استفاده کنید، هیچ کانال آلفا ندارد. ورودی RGB در این ابزار سه عدد جدا شده با کاما یا فاصله است (مثلاً 79, 70, 229)، و کد hex حاصل همیشه ششرقمی است (مثلاً #4F46E5) زیرا هر مقدار ۰–۲۵۵ به یک جفت دو رقمی هگز تبدیل میشود.
به دلیل اشتراک فضای رنگی sRGB، تبدیل بین RGB و hex دقیق و برگشتپذیر است. بنابراین هیچ موردی از خارجشدن از گاموت یا نیاز به تصحیح وجود ندارد. بر خلاف تبدیلهای دیگر (مثلاً RGB به CMYK)، در اینجا رنگها تغییر نمیکنند.
ورودی و خروجیها
- ورودی: سه عدد اعشاری که به ترتیب قرمز، سبز و آبی را نشان میدهند. هر عدد باید در بازه ۰ تا ۲۵۵ باشد. مثال:
79, 70, 229. - خروجی: یک کد هگزادسیمال ششرقمی با پیشوند
#. مثال:#4F46E5. ابزار همچنین یک نمونه رنگی (swatch) نمایش میدهد و سایر فیلدهای فرمت رنگی (HSL، HSV، CMYK، LAB و رنگگیر) را بهروز میکند.
نکته مهم: با ویرایش هر فیلد فرمت، همه فیلدها بلافاصله بهروز میشوند. هیچ دکمه «تبدیل» وجود ندارد – تغییر در هر کادر باعث محاسبه همزمان میشود.
| ورودی RGB | خروجی HEX | نمونه رنگی تقریبی |
|---|---|---|
| 255, 0, 0 | #FF0000 |
قرمز خالص |
| 0, 255, 0 | #00FF00 |
سبز خالص |
| 0, 0, 255 | #0000FF |
آبی خالص |
| 79, 70, 229 | #4F46E5 |
بنفش مایل به آبی |
قوانین و موارد مرزی
- اگر مقادیر RGB خارج از بازه ۰–۲۵۵ باشند یا فرمت ورودی نامعتبر باشد، ابزار پیام خطا نمایش میدهد:
"Enter RGB as three numbers 0–255, like 79, 70, 229." - خروجی hex همیشه ششرقمی است. ابزار به طور خودکار جفتهای تکراری را به نماد سهرقمی خلاصه نمیکند (مثلاً
#AABBCCبه صورت#AABBCCباقی میماند، نه#ABC). اما فیلد ورودی hex نماد سهرقمی را میپذیرد (مثلاً#abc) که ابزار آن را به ششرقمی تبدیل میکند. - چون RGB و hex یک فضای رنگی یکسان دارند، هیچ تنظیم خارج از گاموت رخ نمیدهد. تبدیل دقیق و معکوسپذیر است.
- تمام پردازشها در مرورگر شما انجام میشود – هیچ دادهای آپلود نمیشود.
ریاضیات تبدیل: از اعشاری به هگزادسیمال
هر کانال رنگی (قرمز، سبز، آبی) یک مقدار اعشاری بین ۰ تا ۲۵۵ است. برای تبدیل به هگزادسیمال:
- مقدار اعشاری را بر ۱۶ تقسیم کنید.
- خارج قسمت (عدد صحیح) رقم اول هگز (بالاترین ارزش) را میدهد.
- باقیمانده رقم دوم هگز (پایینترین ارزش) را میدهد.
- هر رقم ۰–۱۵ را به معادل هگز تبدیل کنید: ۰→0, 1→1, … 9→9, 10→A, 11→B, 12→C, 13→D, 14→E, 15→F.
- برای هر کانال یک جفت دو رقمی هگز به دست میآید. سه جفت پشت سر هم کد ششرقمی را تشکیل میدهند.
مثال: مقدار قرمز ۷۹
- ۷۹ ÷ ۱۶ = ۴ (خارج قسمت) با باقیمانده ۱۵
- ۴ →
4و ۱۵ →F - پس جفت هگز برای ۷۹ برابر با
4Fاست.
همین کار را برای سبز (۷۰) و آبی (۲۲۹) انجام دهید:
- ۷۰ ÷ ۱۶ = ۴ با باقیمانده ۶ →
46 - ۲۲۹ ÷ ۱۶ = ۱۴ (E) با باقیمانده ۵ →
E5
نتیجه: #4F46E5.
توجه: در سیستم اعداد هگزادسیمال، حروف A–F معمولاً بزرگ نوشته میشوند، اما هر دو حالت بزرگ و کوچک در CSS معتبر هستند. این ابزار همیشه حروف بزرگ (uppercase) تولید میکند، اما ورودی حروف کوچک را هم میپذیرد.
کاربردهای عملی و مخاطبان
- توسعهدهندگان فرانتاند که در CSS یا استایلهای درونخطی نیاز به کد hex دارند.
- طراحان UI/UX که مشخصات رنگی را به صورت سهتایی RGB دریافت میکنند (مثلاً از نرمافزار ویرایش تصویر) و برای تحویل طرح به کد hex نیاز دارند.
- طراحان گرافیک که با منابع وب کار میکنند و میخواهند ثبات رنگ بین نمونههای RGB اولیه و پیادهسازی نهایی hex حفظ شود.
- دانشجویان و علاقهمندان که در حال یادگیری نحوه کار رنگ در دنیای دیجیتال هستند و بین نمایش اعشاری و هگزادسیمال جابهجا میشوند.
- هر کسی که از دادههای رنگگیر استفاده میکند (مانند Photoshop، GIMP یا ابزارهای توسعهدهنده مرورگر) که مقادیر RGB را بازمیگرداند و برای یک برگه سبک به کد hex نیاز دارد.
نکته مهم درباره فضای رنگی sRGB
RGB و hex در CSS و طراحی وب بر پایه فضای رنگی sRGB (مخفف standard Red Green Blue) کار میکنند. این فضا طیف رنگی محدودتری نسبت به چاپ CMYK دارد، اما برای نمایش روی صفحههای دیجیتال استاندارد است. بنابراین تبدیل از RGB به hex درون این فضا بدون افت کیفیت انجام میشود. اگر بعداً بخواهید همان رنگ را چاپ کنید، باید به CMYK تبدیل شود که ممکن است گاموت متفاوتی داشته باشد.
سوالات متداول (FAQ)
۱. آیا میتوانم از کد سهرقمی hex مانند #ABC استفاده کنم؟
بله، فیلد ورودی hex این ابزار نماد سهرقمی را میپذیرد و آن را به ششرقمی گسترش میدهد (هر رقم تکرار میشود: #ABC → #AABBCC). اما خروجی ابزار همیشه ششرقمی است و از خلاصهسازی خودکار استفاده نمیکند.
۲. اگر یکی از مقادیر RGB را خارج از ۰–۲۵۵ وارد کنم چه اتفاقی میافتد؟
ابزار پیام خطای مشخصی نمایش میدهد: "Enter RGB as three numbers 0–255, like 79, 70, 229." همچنین فیلدهای دیگر بهروز نمیشوند و نمونه رنگی نمایش داده نمیشود.
۳. آیا کدهای hex حساس به حروف بزرگ و کوچک هستند؟
در CSS هر دو حالت مجاز است. این ابزار حروف بزرگ تولید میکند (مانند #4F46E5)، اما هنگام ورود کد hex، حروف کوچک را نیز میپذیرد.
۴. چرا خروجی hex من همیشه ششرقمی است، حتی وقتی رنگها تکراری هستند؟
ابزار برای حفظ دقت و یکنواختی از نماد ششرقمی استفاده میکند. نماد سهرقمی صرفاً یک خلاصهسازی اختیاری است که در این ابزار انجام نمیشود.
۵. آیا این ابزار از کد هشترقمی hex (با آلفا) پشتیبانی میکند؟
خیر، این صفحه فقط به تبدیل RGB سهکاناله (بدون آلفا) به hex ششرقمی میپردازد. اگر نیاز به مقدار آلفا دارید، باید از ابزار جداگانه rgba-to-hex استفاده کنید.
۶. آیا دادههای من به سرور ارسال میشود؟
خیر. تمام محاسبات در مرورگر شما انجام میشود. هیچ عدد یا رنگی آپلود یا ذخیره نمیشود.