Hex چیست و چرا استفاده میشود؟
کد هگز (Hexadecimal) یک سیستم عددی بر مبنای ۱۶ است. در طراحی وب، این کد با علامت # شروع شده و با ترکیبی از اعداد (۰-۹) و حروف (A-F) ادامه مییابد. دلیل محبوبیت Hex کوتاهی و دقت آن است. به جای نوشتن rgb(255, 255, 255)، شما به سادگی مینویسید #FFFFFF. این کد در واقع سه بایت رنگ قرمز، سبز و آبی را در کنار هم بستهبندی میکند.
MATHفرمول تبدیل Hex به RGB
برای تبدیل Hex به RGB، باید کد را به سه جفت دو رقمی تقسیم کنید و هر جفت را از مبنای ۱۶ به مبنای ۱۰ ببرید.
فرمول ریاضی برای هر جفت (XY): (X * 16) + Y
Example: #FF5733
1. Split: FF (Red), 57 (Green), 33 (Blue)
2. Red (FF): (15 * 16) + 15 = 255
3. Green (57): (5 * 16) + 7 = 80 + 7 = 87
4. Blue (33): (3 * 16) + 3 = 48 + 3 = 51
Result: rgb(255, 87, 51)
مثالهای کاربردی
رنگهای برندهای معروف ایرانی
- اسنپ (سبز)
#21AA58 - دیجیکالا (قرمز)
#EF394E
کدهای کوتاه (Shorthand)
#FFF → #FFFFFF (White)
#000 → #000000 (Black)
#F00 → #FF0000 (Red)
#ABC → #AABBCC (Mixed)
خطاهای رایج ورودی
- اشتباه گرفتن O و 0
در Hex فقط عدد صفر (0) وجود دارد و حرف O انگلیسی جایی ندارد. این یک خطای بسیار رایج تایپی است.
- طول رشته نامعتبر
کد Hex باید دقیقاً ۳ یا ۶ کاراکتر باشد. کدهایی مثل #F4 یا #12345 توسط مرورگر پردازش نمیشوند و نامعتبر هستند.
سوالات متداول
آیا میتوان شفافیت (Opacity) را در Hex مشخص کرد؟▼
حروف بزرگ یا کوچک؟ کدام بهتر است؟▼
#ffffff را دقیقاً مثل #FFFFFF میخوانند. اما استفاده از حروف بزرگ در کدهای حرفهای مرسومتر است.