Stax

محول HEX إلى RGB

تحويل رموز الألوان بين HEX وRGB وHSL وHSV.

#3B82F6
RGB sliders
R
G
B
HSL sliders
H
S
L
All formats — click to copy

ما هو محول HEX إلى RGB؟

أداة لتحويل بين تنسيقات الألوان: HEX (#FF5733)، RGB (255, 87, 51)، HSL (11°, 100%, 60%). ضروري لمصممي الويب، مطوري CSS، رسامين. كل تنسيق له استخدامات مختلفة - HEX مدمج، RGB قابل للقراءة، HSL سهل التعديل.

كيف يحدث التحويل

  1. HEX إلى RGB: قسم لـ 3 أزواج
  2. كل زوج: hex إلى decimal
  3. FF = 255، 80 = 128، 00 = 0
  4. RGB إلى HEX: العكس بالضبط
  5. كلاهما مدعومان في CSS

تنسيقات مدعومة

  • HEX - #FF5733 (الأكثر شيوعاً)
  • HEX 8-digit - مع شفافية #FF573380
  • RGB - rgb(255, 87, 51)
  • RGBA - مع alpha rgba(255, 87, 51, 0.5)
  • HSL/HSLA - hsl(11, 100%, 60%)

متى تستخدم كل تنسيق

HEX: للألوان الثابتة في CSS، أمسج، تصميم. RGB: عند الحاجة لشفافية بسيطة. HSL: لتعديل برمجي للسطوع/التشبع. HSL أسهل لإنشاء أنظمة ألوان (تغيير hue يحول كل اللوحة). تعلم كلاهما - مهارة أساسية للمصممين.

الأسئلة الشائعة

ما الفرق بين HEX وRGB؟
نفس اللون، تنسيق مختلف. HEX: #RRGGBB سادس عشري (مدمج، 6 أحرف). RGB: rgb(255, 87, 51) عشري (سهل القراءة). #FF5733 = rgb(255, 87, 51). كلاهما مقبول في CSS. HEX أكثر شيوعاً، RGB ضروري لـ alpha (rgba).
كيف أحول يدوياً؟
HEX إلى RGB: قسم الـ 6 أحرف لثلاث أزواج. كل زوج: حول من سادس عشري لعشري. FF = 15×16+15 = 255. RGB إلى HEX: حول كل قيمة لسادس عشري. 255 = FF، 87 = 57. أداتنا تفعل ذلك فوراً.
متى أستخدم alpha (rgba)؟
للشفافية. rgba(255, 87, 51, 0.5) = اللون مع 50% شفافية. مفيد للظلال، خلفيات شبه شفافة، overlays. HEX 8 أحرف يدعم ذلك (#FF573380 = 50% alpha)، لكن متصفحات قديمة لا تدعم. استخدم rgba للأمان.
ما HSL؟
Hue Saturation Lightness - بديل لـ RGB. أسهل لتعديل: تغيير hue يغير اللون، lightness يغمق/يفتح. hsl(11, 100%, 60%) = نفس #FF5733. مطورون متقدمون يستخدمون HSL في تصاميم نظامية - تغيير drone واحد يحوّل اللوحة كلها.

أدوات ذات صلة