كل الأدوات تعمل داخل متصفحك — ملفاتك لا تغادر جهازك أبدًا.
All tools154

تصميم

محوّل الألوان

تحويل بين HEX وRGB وHSL وHSV وCMYK وOKLCH.

ما الذي تفعله. محوّل الألوان ينقل اللون بين صيغ التدوين. وHEX وRGB يصفان القيم نفسها بكتابة مختلفة، وHSL وHSV يرتّبانها بحسب درجة اللون والتشبّع والإضاءة، وLAB وOKLCH مبنيان على الإدراك البصري. ولتدرّجات متساوية بصريًا فOKLCH هو الخيار الصحيح.
يعمل في متصفحكلا يتم رفع أي شيءبدون تسجيليعمل دون اتصال

كيفية الاستخدام محوّل الألوان

  1. أدخل لونًا بأي صيغة — تُحسب البقية معه.
  2. استخدم المنزلقات لضبط اللون؛ تتحدّث كل القيم معًا.
  3. انسخ الصيغة التي تحتاجها.

أي صيغة لأي غرض؟

كلها تصف الألوان نفسها، ولا تصلح كلها للغرض نفسه.

أي صيغة لأي غرض؟
الصيغةمناسبة لـضعفها
HEXكتابة مختصرة مقروءة في كل مكانلا تدلّ على شيء بالنظر
RGBالحساب البرمجي والشفافيةالقيم لا تصف الانطباع
HSLإزاحة درجة اللون سريعًاالإضاءة لا تطابق الإدراك
CMYKما قبل الطباعةتعتمد على الجهاز والملف اللوني
LABقياس الفروق اللونيةقيم يصعب تصوّرها
OKLCHتدرّجات متساوية وأنظمة تصميمالمتصفحات القديمة لا تعرفها

ولمشاريع الويب صارت OKLCH الخيار الأفضل حيث لا يشكّل دعم المتصفحات عائقًا: الخطوة الرقمية المتساوية تعطي خطوة بصرية متساوية، وهو ما لا يتحقّق في HSL.

لماذا تخدع إضاءة HSL؟

لأن لونين بالقيمة نفسها للإضاءة في HSL يبدوان مختلفَي السطوع بوضوح.

فالأصفر الخالص والأزرق الخالص كلاهما عند إضاءة 50%. وعلى الشاشة يبدو الأصفر أسطع بكثير، لأن العين أشدّ حساسية للأخضر والأصفر منها للأزرق.

وأثر ذلك عمليًا لوحات ألوان تبدو منتظمة على الورق وغير متّسقة في التطبيق: لون التحذير الأصفر يصرخ، ولون المعلومة الأزرق يكاد يختفي.

وOKLCH يعالج ذلك لأن محور الإضاءة فيه مبني على الإدراك. فاللوحة ذات الإضاءة الثابتة تبدو متساوية السطوع عبر كل درجات اللون — وهو ما يحتاجه أي نظام تصميم.

لماذا لا يطابق CMYK تمامًا؟

لأن RGB وCMYK فضاءان مختلفان لا يتطابق مداهما.

فRGB يمزج الضوء ويستطيع إنتاج ألوان لا يمكن لأي طباعة تحقيقها — سماوي متوهّج وبرتقالي مشبع. وCMYK يمزج الأصباغ وله حدوده في مواضع أخرى.

والتحويل بلا ملف لوني تقريب دائمًا. وللطباعة الملف اللوني للعملية هو الفيصل، وتحدّده المطبعة.

والقيم هنا تحويل قياسي بلا ملف. وللتسليم إلى مطبعة أنتج بيانات CMYK من برنامج التصميم بالملف الذي تطلبه المطبعة، لا من محوّل.

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

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

كل خانتين رقم ست عشري. فـ#4A90D9 تعطي rgb(74, 144, 217).

ما OKLCH؟

فضاء لوني مبني على الإدراك. الخطوة الرقمية المتساوية فيه تعطي خطوة بصرية متساوية، بخلاف HSL.

لماذا تبدو لوحتي غير متّسقة؟

لأن إضاءة HSL لا تطابق الإدراك. الأصفر عند 50% يبدو أسطع من الأزرق عند 50%.

هل أعطي قيم CMYK للمطبعة؟

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

كيف أكتب الشفافية؟

بصيغة HEX من ثماني خانات، أو rgba، أو بشرطة مائلة في الصيغ الحديثة.

هل تُرسل ألواني؟

لا. كل الحساب في هذه الصفحة.

أدلة حول محوّل الألوان