RGB إلى HEX

RGB إلى HEX

حوّل RGB إلى HEX بسهولة! تعلّم كيفية ترجمة قيم الألوان للحصول على تصميم دقيق ومتسق. انقر الآن لإتقان هذه المهارة الرقمية الأساسية!

اللون الأحمر (ص):
اللون الأخضر (G):
اللون الأزرق (ب):

**مقدمة:**
يعد تحويل RGB إلى HEX عملية أساسية في تصميم الويب والرسومات الرقمية. فهو يسمح بترجمة قيم ألوان RGB (الأحمر والأخضر والأزرق) إلى أكواد HEX، مما يضمن تمثيل الألوان بشكل متسق ودقيق عبر منصات وتطبيقات مختلفة.

**التوضيح:**
ضع في اعتبارك قيمة RGB (255، 99، 71). لتحويلها إلى HEX:
1. افصل مكونات RGB: الأحمر = 255، الأخضر = 99، الأزرق = 71.
2. حوّل كل مكون إلى مكافئه السداسي عشر:

- الأحمر: 255 = FF

- الأخضر: 99 = 63

- الأزرق: 71 = 47
3. اجمع بين قيم HEX: `#FF6347`.

مثال آخر بقيمة RGB (0، 128، 255):
1. افصل مكونات RGB: الأحمر = 0، الأخضر = 128، الأزرق = 255.
2. حوّل كل مكون:

- الأحمر: 0 = 00

- الأخضر: 128 = 80

- الأزرق: 255 = FF
3. اجمع بين قيم HEX: `#0080FF`.

**الاستخدام:**
في البرمجة، استخدم الدوال المضمنة لتحويل RGB إلى HEX. على سبيل المثال، في JavaScript:
```javascript
function rgbToHex(r, g, b) {
return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
}
console.log(rgbToHex(255, 99, 71)); // Output: #FF6347
```
في Python:
```python
def rgb_to_hex(r, g, b):

return '#{:02X}{:02X}{:02X}'.format(r, g, b)
print(rgb_to_hex(255, 99, 71))  # Output: #FF6347
```

**الاستنتاج:**
يعد إتقان تحويل RGB إلى HEX أمرًا ضروريًا لمصممي ومطوري الويب. فهو يضمن تمثيل الألوان بدقة وتناسق عبر المنصات الرقمية. من خلال تعلم هذه المهارة، يمكنك تحسين دقة التصميم وتحسين تجربة المستخدم وتبسيط سير العمل. تدرب على تحويل قيم RGB إلى HEX لتعزيز كفاءتك الفنية في التصميم والتطوير الرقمي.

Cookie
نحن نهتم ببياناتك ونود استخدام ملفات تعريف الارتباط لتحسين تجربتك.