مشاركة

محوّل صيغ الألوان

ملاحظة: ادخل أي كود لون بصيغة HEX أو RGB أو HSL أو CMYK، أو اختر لونا مباشرة بالضغط على المربع الملون.

في العمل اليومي يتنقل المصمم والمطوّر بين HEX للويب، وRGB للشاشات، وHSL لتعديل الإضاءة، وCMYK للطباعة. الأداة توحّد الحسابات لتنسخ القيمة مرة واحدة وتستخدمها في أكثر من سياق.

ماذا تفعل هذه الأداة

تقرأ لونك بصيغة واحدة، تحوّله إلى الباقي وفق علاقات معيارية، وتعرض كل الصيغ معاً. التحويل يتم محلياً في المتصفح دون رفع بيانات.

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

  1. أدخل كود HEX (مثل #1a73e8) أو املأ حقول RGB أو HSL أو CMYK.
  2. اضبط الأرقام أو المنزلق حتى تطابق المعاينة ما تريد.
  3. انسخ السطر المناسب (hex، أو دالة rgb()، أو hsl()، أو نِسَب CMYK).

ما الذي تحصل عليه

  • معاينة مباشرة للون أثناء التعديل.
  • عدة مخرجات دفعة واحدة.
  • يعمل دون اتصال بعد تحميل الصفحة.

حالات استخدام شائعة

  • مطابقة لون من التصميم إلى رمز hsl() في الثيم.
  • تقدير أولي لـ CMYK قبل التأكد مع المطبعة.
  • شرح الفرق بين ألوان الشاشة والطباعة للفريق.

أمثلة

  • #2563eb ←→ rgb(37, 99, 235)
  • hsl(221 83% 53%) مقابل HEX شائع للأزرق الأساسي

تنبيهات مفيدة

  • CMYK على الشاشة تقريبي؛ الناتج الفعلي يعتمد على الورق وملف اللون.
  • HEX من ثمانية خانات يتضمن الشفافية؛ بعض الأدوات تتوقع ست خانات فقط.

أسئلة شائعة

أي صيغة أنسب لـ CSS؟

كثير من المشاريع تستخدم HEX أو hsl(). الـ HEX مضغوط، وhsl() يسهّل تعديل السطوع والتباين.

هل CMYK دقيق للطباعة؟

ليس على الشاشة. للتغليف أو المجلات استخدم ملف ICC الخاص بالمطبعة في برنامج سطح المكتب.

هل تُخزَّن ألواني؟

لا، التحويل داخل المتصفح فقط.

مصدر لون واحد وعدة صيغ—يقلّل الالتباس بين المطوّر والمصمم ومزوّد الطباعة.