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

محوّل ألوان مجاني من Bee Tools. حوّل HEX وRGB وHSL وHSV وCMYK مباشرة، مع منتقي ألوان ومقياس سطوع من 10 درجات ولوحات ألوان تكميلية/ثلاثية/متشابهة.

تحويل مباشر بين HEX وRGB وHSL وHSV وCMYK مع مقاييس ولوحات ألوان. يعمل محوّل ألوان Bee Tools على JavaScript أصلي. الصق أيًا من التنسيقات الخمسة وشاهد البقية تتحدث فورًا، إضافة إلى مقياس سطوع من 10 درجات ولوحات تكميلية/ثلاثية/متشابهة — مثالي لتصميم واجهات المستخدم ورمزهات الواجهة الأمامية وأعمال الطباعة.

مقياس الإضاءة
لوحات ذات صلة
تكميلي
ثلاثي 1
ثلاثي 2
متشابه

دليل شامل لفضاءات الألوان

مقارنة فضاءات الألوان الخمسة

  • HEX — الافتراضي في CSS. يعبّر #RRGGBB عن لون 24-بت.
  • RGB — الألوان الأساسية الجمعية. نموذج الشاشة، سهل الحساب.
  • HSL — الصبغة والتشبع والإضاءة. ممتاز لضبط السطوع والتشبع.
  • HSV — الصبغة والتشبع والقيمة. الافتراضي في منتقي Photoshop.
  • CMYK — سماوي وأرجواني وأصفر وأسود (مفتاحي). مزج طرح، مرجع لمخرجات الطباعة.

سيناريوهات تحويل نموذجية

  1. تصميم → واجهة أمامية: HEX → RGB / HSL لمتغيرات Tailwind أو CSS.
  2. هوية الألوان: يولّد HSL منحنى إضاءة كاملًا من صبغة واحدة.
  3. مواد الطباعة: حوّل RGB الشاشة إلى CMYK وقارنها بمعاينة الطباعة.
  4. تصميم اللوحات: اضبط صبغة HSL بمقدار ±30° / ±120° / ±180° للألوان المتشابهة والثلاثية والتكميلية.

نصائح احترافية

  • استهدف إضاءة 45–55% للألوان الأساسية للهوية — فهذا يجعل توليد لوحة 100–900 أسهل.
  • يجب أن يحقق النص على الخلفيات تباين WCAG 4.5:1؛ كرر التجربة مع مقياس السطوع.
  • لا يستطيع HEX المكوّن من 6 أرقام وصف النطاق الواسع. لأجهزة Display P3 / Rec.2020، استخدم صيغة CSS Color 4 color(display-p3 ...).
  • تحقق دائمًا من مخرجات CMYK في برامج احترافية قبل الطباعة — تستخدم هذه الأداة نموذجًا رياضيًا sRGB.

حول هذه الأداة

يعمل محوّل ألوان Bee Tools بالكامل في متصفحك. أدخل من المنتقي أو HEX أو RGB أو HSL أو HSV، واحصل على مقياس سطوع من 10 درجات متزامن إضافة إلى أربع علاقات لوحية. لا يُرفع شيء، ويعمل دون اتصال.

إشعار مفتوح المصدر: منطق تحويل الألوان تنفيذ بـJavaScript أصلي من هذا المشروع، منشور بموجب رخصة MIT، دون أي تبعيات وقت تشغيل خارجية.

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

ما تنسيقات الألوان المدعومة؟
HEX (#RRGGBB / #RGB) وRGB وHSL وHSV وCMYK — الفضاءات اللونية الخمسة الأكثر شيوعًا، تُحدَّث في الوقت الفعلي.
ما مدى دقة النتائج؟
يستخدم RGB أعدادًا صحيحة من 0 إلى 255، ويستخدم HSL/HSV النسب المئوية، ويستخدم CMYK أعدادًا صحيحة من 0 إلى 100 مقربة إلى أقرب رقم صحيح — مطابقًا لبرامج التصميم السائدة.
هل يُرفع أي بيانات ألوان؟
لا. كل التحويلات تعمل محليًا في متصفحك. لا تغادر القيم جهازك أبدًا.
لماذا لا يطابق التحويل HEX → CMYK → HEX الأصلي؟
تختلف نطاقات RGB وCMYK. تغطي الشاشة (RGB) ألوانًا أكثر من الطباعة (CMYK)؛ تُرسم الألوان خارج النطاق عند التحويل. هذا سلوك متوقع.
ما هي الألوان التكميلية والثلاثية والمتشابهة؟
التكميلية = تبعد 180° (تباين عالٍ). الثلاثية = ثلاثة ألوان تبعد 120° (متوازنة). المتشابهة = تبعد ~30° (متناغمة).
كيف أستخدم مقياس السطوع المولّد؟
يقسم الصبغة الحالية إلى 10 درجات إضاءة (10%–100%)، مثالي لبناء لوحات واجهة المستخدم أو رمزهات ألوان Tailwind.
هل تُدعم قنوات الشفافية؟
تركز هذه النسخة على الفضاءات اللونية المعتمة. بالنسبة لـRGBA/HSLA، أضف قيمة الشفافية يدويًا بعد مخرجات RGB/HSL.