محول الألوان: HEX وRGB وHSL وCMYK
حوّل الألوان فورا بين HEX وRGB وHSL وCMYK. منتقي ألوان، وتناسقات، ودرجات داكنة وفاتحة، ونسخ بنقرة واحدة، وسجل للألوان.
جارٍ تحميل محول الألوان…
ملفاتك لا تغادر جهازك أبدًا
طريقة استخدام محول الألوان
- 1
افتح محول الألوان في هذه الصفحة. تُحمَّل مباشرة في متصفحك.
- 2
أضف ملفك أو نصك أو القيم، واضبط الإعدادات.
- 3
انسخ النتيجة أو نزّلها. لا يُرفع أي شيء ولا يُخزَّن.
عن هذه الأداة
يبدو أن كل أداة تصميم وكل لغة برمجة تريد الألوان بصيغة مختلفة: يفضل CSS صيغتي HEX وHSL، وتعرض برامج تحرير الصور RGB، وتطلب المطابع CMYK. يحوّل محول الألوان هذا بين الصيغ الأربع دفعة واحدة. اكتب قيمة بأي صيغة أو استخدم منتقي الألوان، فتتحدث بقية الصيغ فورا وتصبح جاهزة للنسخ.
طريقة تحويل لون
- أدخل قيمة: HEX مثل #3B82F6، أو RGB مثل 59, 130, 246، أو HSL أو CMYK. أو اختر اللون بصريا.
- اقرأ اللون نفسه بالصيغ الأخرى.
- انقر أي قيمة لنسخها.
- أضف الألوان إلى السجل لتحتفظ بلوحة صغيرة أثناء العمل.
الصيغ الأربع
| الصيغة | مثال | الاستخدام |
|---|---|---|
| HEX | #3B82F6 | CSS وتصميم الويب وأدلة الهوية |
| RGB | rgb(59, 130, 246) | الشاشات وبرامج تحرير الصور وCSS |
| HSL | hsl(217, 91%, 60%) | سمات CSS؛ سهل التفتيح أو التغميق |
| CMYK | 76%, 47%, 0%, 4% | تصميم المطبوعات |
كيف تعمل التحويلات
- HEX وRGB الأرقام نفسها مكتوبة بطريقتين: كل زوج من أرقام HEX قناة RGB واحدة من 00 (0) إلى FF (255).
- HSL يصف الصبغة كزاوية على عجلة الألوان، مع التشبع والإضاءة كنسب مئوية، مما يجعل ضبطه سهلا.
- CMYK المحسوب من RGB تحويل رياضي بسيط. تعتمد الطباعة الفعلية على ملفات تعريف الورق والحبر، لذا اطلب من المطبعة القيم الدقيقة لألوان علامتك المهمة.
أكثر من مجرد تحويل
- تناسقات الألوان: متكامل ومتجاور وغيرها من المخططات المبنية على لونك.
- درجات داكنة وفاتحة لحالات التمرير والخلفيات.
- ألوان جاهزة وعشوائية لإلهام سريع.
تبني لوحة ألوان كاملة؟ جرّب مولد لوحات الألوان. تريد التأكد من وضوح النص على لونك؟ استخدم مدقق التباين.
الأسئلة الشائعة
كيف أحوّل HEX إلى RGB؟
قسّم كود HEX إلى ثلاثة أزواج وحوّل كل زوج من النظام السداسي عشر إلى رقم من 0 إلى 255. يصبح #3B82F6 القيم 59, 130, 246. يقوم المحول بذلك فورا.
ما الفرق بين RGB وCMYK؟
يمزج RGB الضوء للشاشات، ويمزج CMYK الأحبار للطباعة. بعض الألوان الزاهية على الشاشة لا يمكن طباعتها بدقة، لذا قد تبدو نسخ CMYK أبهت.
لماذا أستخدم HSL في CSS؟
يفصل HSL الصبغة والتشبع والإضاءة، فتفتّح اللون أو تغمّقه بتغيير رقم واحد، وهذا مفيد للسمات وحالات التمرير.
هل قيمة CMYK دقيقة للطباعة؟
إنها تحويل رياضي قياسي. تستخدم المطابع ملفات تعريف ألوان لكل ورق وحبر، لذا اطلب منها القيم الدقيقة لألوان علامتك.
هل يمكنني اختيار اللون بصريا؟
نعم. استخدم منتقي الألوان، وستتحدث قيم HEX وRGB وHSL وCMYK أثناء تحريكه.
هل يدعم الشفافية؟
يعمل المحول مع الألوان المصمتة. للشفافية في CSS أضف قيمة ألفا بنفسك، مثل rgb(59 130 246 / 50%).