محول رموز الألوان
التحويل بين RGB وHEX وHSL وHSV وCMYK مع منتقي الألوان وفاحص التباين
منتقي الألوان
معاينة
تنسيقات الألوان
لوحة الألوان
فاحص التباين
نص نموذجي
هذا نص نموذجي أصغر لاختبار سهولة القراءة.
حول هذه الأداة
محول رموز الألوان أداة مجانية للمصممين والمطورين تحوّل بين RGB وHEX وHSL وHSV وCMYK. يمكنك اختيار اللون بسهولة، وتوليد لوحات من الألوان المكمّلة والمتشابهة تلقائيا، والتحقق من نسبة تباين WCAG بين النص والخلفية. مفيدة لتصميم المواقع والتطبيقات وإدارة ألوان العلامة التجارية والتحقق من إمكانية الوصول.
كيفية الاستخدام
- 1 اختر لونا بمنتقي الألوان أو اكتب قيمة HEX مباشرة.
- 2 تظهر قيم RGB وHSL وHSV وCMYK في آن واحد.
- 3 راجع اللوحة المولّدة من الألوان المكمّلة والمتشابهة.
- 4 استخدم مدقق التباين للتأكد من قابلية قراءة النص فوق الخلفية.
كيف تعمل
يمزج RGB الضوء الأحمر والأخضر والأزرق، كلّا من 0 إلى 255، وهو أساس اللون على الشاشة. وHEX هو نفس RGB مكتوبا برقمين ست عشريين لكل قناة، فيعني #FF8800 أحمر 255 وأخضر 136 وأزرق 0. ويصف HSL اللون عبر درجة اللون (Hue من 0 إلى 360 درجة) والتشبع والإضاءة، وهو أقرب لإدراك الإنسان وسهل الضبط الدقيق. ويستبدل HSV الإضاءة بالقيمة (السطوع). ويستخدم CMYK كميات حبر السماوي والأرجواني والأصفر والأسود للطباعة. نسبة التباين هي نسبة الإضاءة النسبية للونين؛ ويوصي WCAG بما لا يقل عن 4.5:1 للنص العادي عند المستوى AA و7:1 عند AAA.
الأسئلة الشائعة
ما الفرق بين HEX وRGB؟
كلاهما يحمل معلومات اللون نفسها. يسرد RGB الأحمر والأخضر والأزرق كأعداد عشرية من 0 إلى 255، بينما يحزمها HEX برقمين ست عشريين لكل منها. #FF0000 وrgb(255,0,0) هما الأحمر نفسه.
ماذا يعني مستوى التباين AA في WCAG؟
معيار لقابلية القراءة: يحتاج النص بالحجم العادي نسبة تباين لا تقل عن 4.5:1 مع الخلفية، ويُسمح للنص الكبير بنسبة 3:1.
ما فائدة HSL؟
يتيح تغيير التشبع أو الإضاءة مع الحفاظ على درجة اللون، فيسهل إنشاء تنويعات من اللون نفسه ودرجات لحالة التمرير.
لماذا تتغير الألوان بين CMYK وRGB؟
RGB مزج ضوئي جمعي وCMYK مزج حبري طرحي، بنطاقي ألوان مختلفين. قد تبدو الألوان الزاهية على الشاشة أبهت عند الطباعة.
ما هي الألوان المكمّلة والمتشابهة؟
المكمّلة تقع على الجانب المقابل من عجلة الألوان لتباين قوي، والمتشابهة متجاورة لمظهر متناسق. تحسب الأداة كليهما تلقائيا.
أدوات واستخدامات ذات صلة
لفهم كيفية عمل HEX، يساعد محول أنظمة العد. لأبعاد التصميم، انظر محول الأطوال، ولتخطيط الويب، تفيد تحويلات px وrem وem.