محول الألوان

خطوات الاستخدام

اختر تنسيق اللون الذي تريد التحويل منه (RGB، HEX، HSL، CMYK) من القائمة المنسدلة. سيؤدي اختيار التنسيق إلى تمكين حقول الإدخال المناسبة. على سبيل المثال، إذا اخترت RGB، سيتم تفعيل حقول R (الأحمر) وG (الأخضر) وB (الأزرق) بقيم من 0 إلى 255.

أدخل قيم اللون في الحقول المطلوبة. بالنسبة لـ RGB: أدخل قيمًا بين 0 و255 لكل مكون. بالنسبة لـ HEX: أدخل رمزًا سداسيًا عشريًا مكونًا من 6 خانات (مثل #FF5733) – يمكنك إدخال أو بدون علامة #. بالنسبة لـ HSL: أدخل Hue (درجة اللون) من 0 إلى 360، وSaturation (التشبع) وLightness (الإضاءة) كنسبة مئوية (0-100). بالنسبة لـ CMYK: أدخل Cyan (سيان) وMagenta (أرجواني) وYellow (أصفر) وBlack (أسود) بنسب مئوية (0-100).

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

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

نموذج RGB (Red-Green-Blue) هو نموذج إضافة (additive) يستخدم في الشاشات الرقمية، حيث يتم مزج الضوء الأحمر والأخضر والأزرق بدرجات متفاوتة لإنتاج الألوان. كلما زادت شدة كل مكون، زاد السطوع، وعند الجمع بين الثلاثة بكامل شدتهم نحصل على الأبيض. هذا النموذج مناسب لتصميم الويب والتطبيقات وأي عرض ضوئي. من ناحية أخرى، نموذج CMYK (Cyan-Magenta-Yellow-Key/Black) هو نموذج طرح (subtractive) يستخدم في الطباعة. حيث تعمل الأحبار كمرشحات تمتص أطوال موجية معينة من الضوء الأبيض. عند طباعة اللون السماوي (Cyan) والأرجواني (Magenta) والأصفر (Yellow) معاً نظرياً نحصل على الأسود، ولكن بسبب نقاء الأحبار يضاف الأسود (Key) للعمق. الفرق الرئيسي هو أن RGB لديه نطاق لوني (gamut) أكبر من CMYK، لذا بعض الألوان الزاهية على الشاشة لا يمكن طباعتها بدقة. لهذا السبب، عند التحويل من RGB إلى CMYK قد نخسر بعض الألوان وتحتاج إلى ضبط. الحاسبة تقوم بتقريب القيم، لكن من المهم أن يدرك المصممون أن مطابقة اللون بين الشاشة والطباعة تتطلب معايرة وفهم هذه الاختلافات.

تحويل RGB إلى HSL يتطلب عدة خطوات رياضية تعتمد على تحويل المكونات من نطاق [0,255] إلى [0,1] ثم حساب القيم. أولاً نجد الحد الأقصى (max) والأدنى (min) بين r,g,b وفرق الدرجة (delta = max-min). الإضاءة L = (max+min)/2. التشبع S: إذا كانت delta=0، S=0. وإلا، S = delta / (1 - |2L-1|). درجة اللون H: إذا كان max=r، H = 60 * (((g-b)/delta) mod 6). إذا max=g، H = 60 * ((b-r)/delta + 2). إذا max=b، H = 60 * ((r-g)/delta + 4). في بعض الحالات، قد تكون H سالبة فنضيف 360. نموذج HSL مفيد لأنه يمثل الألوان بطريقة بديهية: Hue يدل على اللون الأساسي (درجة على دائرة الألوان)، Saturation تحدد نقاء اللون (0% رمادي، 100% نقي)، Lightness تحدد السطوع (0% أسود، 100% أبيض). هذا يسمح للمصممين بتعديل الألوان بسهولة عن طريق تغيير الإضاءة أو التشبع دون تغيير درجة اللون. كما يستخدم في معالجة الصور لتحسين التباين أو تحويل الصورة إلى تدرج رمادي (بجعل S=0).

النطاق اللوني (gamut) هو مجموعة الألوان التي يمكن تمثيلها في نموذج لوني معين. نمط RGB (خاصة sRGB) يغطي ألواناً أكثر من CMYK القياسي (مثل SWOP). لذلك، الألوان الزاهية جداً مثل بعض درجات الفلورسنت أو الألوان المشبعة عالية الإضاءة في RGB قد لا يمكن إنتاجها بدقة بأحبار CMYK. عند تحويل هذه الألوان، نحصل على قيم CMYK خارج النطاق (Negative values or >100%). الحاسبة عادةً تقطع القيم (clamp) إلى أدنى وأعلى حد مسموح (0% إلى 100%). لكن هذا يغير اللون الأصلي. بعض الحسابات تستخدم خوارزميات أكثر تقدماً مثل تعيين اللون الأقرب في النطاق (gamut mapping) أو تغيير الإضاءة. في هذه الحاسبة، نتبع طريقة بسيطة: نحسب قيم CMYK باستخدام المعادلات (K = 1 - max(R,G,B); C = (1-R-K)/(1-K); إلخ)، ثم إذا خرجت بعض القيم عن النطاق [0,1]، نقوم بتقليمها (clipping) إلى 0 أو 1. هذا يعني أن اللون الناتج قد لا يكون مطابقاً بصرياً للأصل، لكنه أقرب ما يمكن ضمن قيود CMYK. ينبغي على المستخدمين الذين يحتاجون طباعة دقيقة استخدام ملفات تعريف ICC ومعايرة الأجهزة.

محول الألوان أداة أساسية لأي مطور ويب أو مصمم جرافيك. في تطوير الويب، غالباً ما تحتاج إلى تحديد الألوان في CSS باستخدام HEX أو RGB أو HSL. يمكنك استخدام المحول للحصول على تمثيلات مختلفة للون نفسه. على سبيل المثال، إذا كان لديك لون HEX #3498db وتريد استخدامه في خلفية مع خاصية opacity، يمكن تحويله إلى RGBA عن طريق إضافة قناة ألفا. لكن محولنا لا يدعم RGBA مباشرة، لكن يمكنك أخذ قيم RGB وإضافة ألفا يدوياً. أيضاً، إذا كنت تعمل في Photoshop أو Illustrator، فقد تحتاج إلى إدخال CMYK للطباعة. المحول يسهل عملية التبديل بين هذه التنسيقات. بالإضافة إلى ذلك، فهم العلاقة بين HSL و RGB يساعد في إنشاء أنظمة ألوان متناغمة (مثلاً باستخدام Hue rotation). يمكنك تجربة درجات مختلفة بسرعة عن طريق إدخال قيم H مختلفة ورؤية النتائج. المحول أيضاً مفيد لتصحيح الألوان في الصور: قد يكون لون ما في الصورة معطى بقيمة RGB، لكنك تريد تقليل تشبعه أو تغيير سطوعه، فيمكنك تحويله إلى HSL وتعديل S و L ثم تحويله مرة أخرى إلى RGB.

محول الألوان

أدخل القيم

خطوات الاستخدام

أمثلة محلولة

أمثلة محسوبة

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

أدخل القيم

خطوات الاستخدام

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

1لون أحمر ساطع: RGB (255, 0, 0). قم بتحويله إلى جميع التنسيقات الأخرى.

2لون أزرق داكن من HEX: #000080. حوله إلى RGB وHSL وCMYK.

أمثلة محسوبة

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