محوّل الألوان
حوّل أي لون بين HEX وRGB وHSL وHSV وHWB وCMYK وLAB وLCH وOKLCH. الصق الرمز، وشاهد اللون، وانسخ أي صيغة بنقرة واحدة.
أمثلة:
التحويلات
تحويل CMYK هنا تحويل مبسّط دون ملف تعريف ICC. اطلب من المطبعة تحويلًا قائمًا على ملف تعريف لأعمال الطباعة.
كيفية استخدام محوّل الألوان
- اكتب لونًا أو الصقه في حقل الإدخال. تُكتشف الصيغة تلقائيًا:
#FF6347أوFF6347أوrgb(255 99 71)أو255, 99, 71أوhsl(9 100% 64%)أوhsv(9, 72%, 100%)أوcmyk(0, 61, 72, 0)أوlab(63% 59 48)أوoklch(70% 0.2 32)أو اسم مثلtomato. - تظهر التحويلات أثناء الكتابة. ويمكنك أيضًا الضغط على Enter أو على زر تحويل.
- انظر إلى عيّنة اللون: فهي تعرض اللون والصيغة المكتشفة، لتعرف كيف قُرئ إدخالك.
- اضغط نسخ بجانب الصيغة التي تحتاج إليها. واستخدم أزرار الأمثلة لتجربة مدخلات شائعة.
يجري التحويل بالكامل داخل متصفحك.
الصيغ المدعومة
| الصيغة | مثال | الاستخدام المعتاد |
|---|---|---|
| HEX | #FF6347 |
HTML وCSS وأدوات التصميم |
| RGB | rgb(255, 99, 71) |
CSS والبرمجة وبرامج تحرير الصور |
| HSL | hsl(9, 100%, 64%) |
CSS وضبط درجة الإضاءة |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop وFigma ومنتقيات الألوان |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
الطباعة (انظر الملاحظة أدناه) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
الدالة lab() في CSS وعلم الألوان |
| LCH | lch(62.99% 76.27 38.89) |
الدالة lch() في CSS |
| OKLCH | oklch(69.62% 0.1955 32.32) |
CSS الحديثة وأنظمة التصميم |
مخرجات HEX وRGB وHSL وHWB وLAB وLCH وOKLCH شيفرة CSS صالحة يمكنك لصقها مباشرةً في ملف الأنماط. أما HSV وCMYK فليستا من صيغ CSS، ولذلك تُكتبان بأسلوب الدوال المعتاد لتسهيل القراءة.
إذا كان إدخالك يتضمن شفافية (مثل rgb(255 0 0 / 50%))، يحافظ المحوّل عليها: يصبح رمز HEX مكوّنًا من ثماني خانات مثل #FF000080، وتحصل الصيغ الأخرى على قيمة ألفا.
كيف تجري التحويلات؟
صيغ RGB وHEX وHSL وHSV وHWB طرق مختلفة لكتابة قيم sRGB نفسها، ولذلك تتحوّل فيما بينها بدقة (باستثناء التقريب). وتتبع LAB وLCH تعريف CSS Color 4 الذي يستخدم نقطة البياض D50 مع التكيّف اللوني بطريقة Bradford. وتستخدم بعض المحوّلات على الإنترنت النقطة D65 بدلًا منها، فقد تختلف أرقام LAB لديها ببضع وحدات للون نفسه. أما OKLCH فتستخدم نموذج Oklab الذي وضعه Björn Ottosson، وهو النموذج الذي تعتمده المتصفحات في oklch().
وعندما تُدخل لونًا بصيغة LAB أو LCH أو OKLCH أكثر تشبّعًا مما تعرضه الشاشة العادية، فإنه يقع خارج نطاق sRGB ولا مقابل له في HEX. عندئذٍ تعرض الأداة رسالة وتحوّله إلى أقرب لون قابل للعرض بتقليل صفائه اللوني (chroma) مع الحفاظ على الإضاءة ودرجة اللون.
CMYK قيمة تقريبية
تستخدم قيم CMYK المعادلة المبسّطة K = 1 − max(R, G, B) وC = (1 − R − K) / (1 − K)، والأمر نفسه لكل من M وY. لا يدخل في الحساب أي ملف تعريف ICC، فلا تتنبأ الأرقام بما ستطبعه مطبعة بعينها. وللطباعة الاحترافية، أجرِ التحويل في برنامج التنضيد باستخدام ملف التعريف الذي تزوّدك به المطبعة (مثل FOGRA39 أو GRACoL). ويستخدم التحويل العكسي من CMYK إلى RGB المعادلة R = (1 − C)(1 − K).
الأسئلة الشائعة
كيف أحوّل HEX إلى RGB يدويًا؟
قسّم الرمز إلى ثلاثة أزواج وحوّل كلًّا منها من النظام الست عشري إلى العشري. في #FF6347: FF = 255 و63 = 99 و47 = 71، فاللون هو rgb(255, 99, 71).
ما الفرق بين HSL وHSV؟
كلاهما يستخدم زاوية لدرجة اللون وقيمة للتشبّع، لكن القيمة الثالثة في HSL هي الإضاءة (50% هي اللون الصافي و100% هي الأبيض)، أما في HSV فهي القيمة أو السطوع (100% هي اللون الصافي أو الأبيض بحسب التشبّع). ولذلك يحمل اللون نفسه أرقام تشبّع مختلفة في كل نموذج.
لماذا تختلف قيمة LAB عن محوّل آخر؟
على الأرجح بسبب نقطة البياض. تستخدم هذه الأداة D50 مثل الدالة lab() في CSS، أما المحوّلات المبنية على D65 فتعطي أرقامًا مختلفة قليلًا. وكلاهما صحيح في إطاره المرجعي.
هل يمكنني تحويل CMYK إلى HEX؟
نعم. اكتب شيئًا مثل cmyk(0%, 61%, 72%, 0%) أو cmyk(0, 0.61, 0.72, 0)، مع مراعاة أن النتيجة تقريبية دون ملف تعريف لوني.
هل يقبل الألوان دون العلامة #؟
نعم. يتعرّف على ff6347 وf64، بل وحتى على ثلاثة أرقام مفصولة بفواصل مثل 255, 99, 71.
أدوات ذات صلة
- منتقي الألوان منتقي ألوان مجاني على الإنترنت: اختر أي لون وانسخ فورًا رموزه بصيغ HEX وRGB وHSL وHSV وCMYK، مع نسب تباينه على الأبيض والأسود.
- مولّد لوحات الألوان أنشئ لوحات ألوان من لون أساسي واحد وفق قواعد التناسق اللوني: المتكامل والمتجاور والثلاثي والرباعي والمربع والأحادي اللون.
- التقاط الألوان من الصور ارفع صورة وانقر على أي بكسل لتحصل على لونه بصيغ HEX وRGB وHSL وHSV وCMYK، مع عدسة تكبير ومتوسط للعيّنات وقائمة بالألوان الملتقطة في متصفحك.