محول أكواد الألوان - آلة حاسبة مجانية

طريقة الاستخدام

أدخل البيانات
أدخل القيم المطلوبة في حقول الإدخال.
اضبط الإعدادات
اختر الخيارات والإعدادات المناسبة.
اعرض النتائج
انقر احسب للحصول على النتائج فوراً.

ما هو تحويل أكواد الألوان؟

تحويل أكواد الألوان هو التعبير عن اللون نفسه بأنظمة ترميز مختلفة مثل HEX وRGB وHSL. تنشئ الشاشة الألوان بمزج الألوان الأساسية للضوء — الأحمر والأخضر والأزرق — لذا فإن كل لون يؤول في النهاية إلى شدة ثلاث قنوات RGB. يضغط HEX قيم RGB هذه في سلسلة سداسية عشرية من ستة أرقام (#RRGGBB)، بينما يعيد HSL ترتيبها بالطريقة التي يدرك بها الإنسان اللون، باستخدام زاوية درجة اللون والتشبع والإضاءة.

لماذا التحويل مهم

كتابة CSS — خذ كود HEX من تصميم وحوّله إلى RGB، مما يسهّل ضبط الشفافية.
ضبط اللون — عندما تريد فقط تعتيم اللون قليلاً، يتيح لك التحويل إلى HSL ضبط قيمة L وحدها.
التعاون — حافظ على توافق كود HEX في Figma لدى المصمم، ومتغيرات RGB لدى المطور، ومراجع الألوان لدى فريق الطباعة.

مهما كان التنسيق الذي تدخله، يحسب هذا المحول جميع التنسيقات الأخرى دفعة واحدة ويعرض اللون الفعلي في معاينة.

صيغة الحساب

HEX → RGB يقسّم العدد السداسي العشري إلى أزواج من رقمين ويقرأ كلاً منها كعدد عشري.

R = parseInt(hex[0:2], 16)، ويُحسب G وB بالطريقة نفسها. مثال: #FF5733 → FF=255، 57=87، 33=51 → RGB(255, 87, 51).

RGB → HSL يطبّع أولاً كل قناة إلى النطاق 0-1، ثم يستخرج الإضاءة.

L = (max + min) / 2
S = delta / (2 − max − min) (عندما L > 0.5)
حيث delta = max − min. في المثال أعلاه، يعطي max=1 وmin=0.2 قيمة L = 0.6 (60%) وS = 0.8/0.8 = 100% وزاوية درجة لون H ≈ 11°، فيتحوّل إلى HSL(11°, 100%, 60%).

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

ما الفرق بين HEX وRGB؟

يعبّر HEX عن اللون بالنظام السداسي العشري (#FF5733)، بينما يعبّر RGB عن قيم الأحمر والأخضر والأزرق بأرقام عشرية من 0-255 (255, 87, 51). إنهما طريقتان لكتابة اللون نفسه.

كيف أحوّل كود HEX إلى RGB؟

قسّم #RRGGBB إلى أزواج من رقمين وحوّل كلاً منها من السداسي العشري إلى العشري. مثلاً، يعطي #FF5733 قيمة FF=255 و57=87 و33=51، فيصبح RGB(255, 87, 51). يمثّل كل زوج شدة قناة من 00 (0) إلى FF (255).

متى أستخدم CMYK؟

CMYK هو نموذج الألوان للطباعة الذي يمزج أحبار السماوي والأرجواني والأصفر والأسود. تستخدم الشاشات والويب نظام RGB/HEX الذي يضيف الضوء، بينما يحوّل الإنتاج المطبوع إلى CMYK الذي يطبّق الأحبار طبقات. ولأن نطاقي الألوان مختلفان، قد تبدو ألوان الشاشة مختلفة قليلاً عند الطباعة.

ما فوائد نموذج الألوان HSL؟

يتكوّن HSL من درجة اللون والتشبع والإضاءة، مما يتيح ضبط الألوان بشكل بديهي. على سبيل المثال، بخفض قيمة الإضاءة (L) وحدها يبقى لون الصبغة كما هو ويمكنك بسهولة إنشاء نسخة أغمق، وهو أمر مفيد لتأثيرات التمرير وإنشاء لوحات الألوان.

ماذا تعني درجة اللون (H) والتشبع (S) والإضاءة (L) في HSL؟

درجة اللون (H) زاوية على عجلة الألوان من 0 إلى 360 درجة، حيث 0° أحمر و120° أخضر و240° أزرق. التشبع (S) شدة اللون من 0 إلى 100%: 0% رمادي و100% أكثر الألوان وضوحاً. الإضاءة (L) السطوع من 0 إلى 100%: 0% أسود و100% أبيض و50% أنقى لون.

كيف يُمثَّل الأبيض والأسود؟

الأبيض جميع قنواته في الحد الأقصى: #FFFFFF / RGB(255, 255, 255) / HSL(0, 0%, 100%). الأسود جميع قنواته صفر: #000000 / RGB(0, 0, 0) / HSL(0, 0%, 0%). درجات الرمادي تشبعها (S) 0% وتختلف في الإضاءة (L) فقط.

ماذا يحدث إذا خرجت قيم RGB عن النطاق 0-255؟

تُقيَّد كل قناة تلقائياً (clamp) قبل التحويل إلى HEX — تصبح القيم الأقل من 0 صفراً والأكبر من 255 تصبح 255. مثلاً، يُعامَل RGB(300, -10, 128) كـ RGB(255, 0, 128)، فيصبح #FF0080.

هل يمكنني نسخ نتائج التحويل فوراً؟

نعم. انقر على أي كود HEX أو RGB أو HSL محوَّل لنسخه إلى الحافظة، وتتيح لك معاينة اللون التأكد من اللون الفعلي بصرياً لتلصقه مباشرة في CSS أو في أداة تصميم.

مواصفات الأجهزة 2026

آلات حاسبة ذات صلة

حاسبة كثافة البكسل (PPI/DPI)PPI = sqrt(w^2 + h^2) / diagonal حاسبة نسبة العرض إلى الارتفاعratio = w/gcd(w,h) : h/gcd(w,h)حاسبة الشبكات الفرعيةCIDR bitwise mask محول الأنظمة العدديةparseInt(value, fromBase).toString(toBase)