Outils Graphisme & Web • 100% Client-Side • WCAG 2.1 & W3C

محول ومنتقي الألوان الذكي (HEX, RGB, HSL, CMYK)

تحويل فوري وشامل لرموز الألوان بين HEX و RGB و HSL و CMYK مع فحص تباين سهولة القراءة وفق معيار WCAG 2.1 وتوليد لوحات تناسق الألوان بنقرة واحدة.

اللون المختار والمعاينة

#3B82F6rgb(59, 130, 246)

انتقاء اللون بصرياً

فحص التباين ومعيار سهولة القراءة WCAG 2.1

Texte Noir (Black)5.71:1

AA مطابق لمعيار AA (جيد وموصى به)

Texte Blanc (White)3.68:1

تباين ضعيف (غير ملائم للقراءة)

رموز وصيغ اللون البرمجية

#3B82F6

كود HEX (النظام الست عشري)

كود RGB (الأحمر، الأخضر، الأزرق)

R: 59

G: 130

B: 246

كود HSL (درجة اللون، التشبع، الإضاءة)

H: 217°

S: 91%

L: 60%

كود CMYK (ألوان الطباعة الرباعية)

C: 76%

M: 47%

Y: 0%

K: 4%

كود CSS جاهز للنسخ المباشر

background-color: #3B82F6;

تناسق الألوان واللوحات الإبداعية المتناغمة

اضغط على أي تدرج لتطبيقه مباشرة في المحول

اللون المكمل (+180°)

#3B82F6

#F6AF3C

الألوان المتماثلة (±30°)

#3CE0F6

#3B82F6

#523CF6

اللوحة الثلاثية (120° / 240°)

#3B82F6

#F63C83

#83F63C

تدرجات أحادية اللون (السطوع والإضاءة)

Conversion 100% locale en JavaScript natif : aucun appel serveur.

W3C Color Module Level 4 / WCAG 2.1

كيفية تحويل وتنسيق الألوان بين شاشات الويب والطباعة الورقية؟

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

مميزات محول ومنتقي الألوان من BenTools

1. مزامنة فورية متعددة الاتجاهات

تعديل أي رمز (HEX أو RGB أو HSL أو CMYK) يحدث فورياً بقية الصيغ دون تأخير.

2. فحص سهولة القراءة ومعايير WCAG 2.1

قياس دقيق لنسبة التباين مع النص الأبيض والأسود للتأكد من سهولة قراءة العناصر للمستخدمين.

3. توليد لوحات ألوان متناسقة

اكتشاف الألوان المكملة والمتماثلة والتدرجات الأحادية بنقرة واحدة لتحسين تناسق تصاميمك.

مقارنة بين أنظمة الألوان المختلفة واستخداماتها

HEX, RGB, HSL et CMYK (Impression)

نظام الألوان	طبيعة التركيب	نطاق القيم	الأجهزة والوسائط	أبرز الاستخدامات
HEX (#RRGGBB)	ضوئي (ست عشري)	#000000 إلى #FFFFFF	المواقع، CSS، HTML	المعيار العالمي لتصميم واجهات الويب
RGB	ضوئي جمعي (قنوات ضوء)	0 إلى 255 لكل قناة	الشاشات، الهواتف، كروت الشاشة	الرسوميات الرقمية، الصور، Canvas
HSL	إحداثيات أسطوانية	H: 0-360°, S: 0-100%, L: 0-100%	CSS3 ومكتبات التصميم	بناء ثيمات الواجهات الفاتحة والداكنة
CMYK	طرحي (أحبار ورقية)	0% إلى 100% لكل حبر	المطابع والورق	الملصقات، الكتيبات، التغليف والمجلات

الأسئلة الشائعة حول أنظمة الألوان والتحويل

لماذا تختلف الألوان عند طباعتها على الورق مقارنة بالشاشة؟

تعتمد الشاشات على نظام RGB الضوئي ذي النطاق اللوني الواسع والألوان المشعة، بينما تعتمد الطابعات على أحبار CMYK التي تمتص الضوء وذات نطاق ألوان أضيق، مما يجعل بعض الألوان الساطعة تظهر باهتة على الورق.

ما الفرق بين صيغة HEX وصيغة RGB؟

كود HEX هو تمثيل ست عشري لقيم RGB نفسها. على سبيل المثال، rgb(59, 130, 246) يكافئ تماماً #3B82F6.

لماذا يفضل مصممو الويب استخدام نظام HSL؟

لأنه يفصل درجة اللون (Hue) عن الإضاءة والتشبع، مما يسهل تصميم تأثيرات التحويم (Hover) والسمات الليلية والنهارية.

ما هي نسبة التباين المطلوبة لمطابقة معيار WCAG؟

يتطلب معيار AA نسبة تباين 4.5:1 للنصوص العادية، بينما يتطلب معيار AAA نسبة 7:1 لتوفير أعلى درجات الوضوح وسهولة القراءة.

حول محول ومنتقي الألوان الذكي BenTools

محول ومنتقي الألوان من BenTools هو أداة مجانية واحترافية لمطوري الويب ومصممي الجرافيك والطباعة. تتيح لك التحويل الدقيق بين صيغ HEX و RGB و HSL و CMYK، وفحص تباين الألوان وفق معايير سهولة الوصول WCAG 2.1، وتوليد لوحات وتدرجات ألوان متناسقة جاهزة للاستخدام في أكواد CSS.

التحليل والتوصية الذكية (Smart Assistant)

التحسين الآلي للعمليات الحسابية ودعم اتخاذ القرار

تحسين آلي متقدم: معالجة خوارزمية عالية الأداء تعمل بنسبة 100% داخل المتصفح (ضمان تام للخصوصية بدون إرسال بيانات لسيرفرات خارجية)، مع ضغط ذكي بدون فقدان جودة وفحص فوري للدقة.

عمليات البحث ذات الصلة والكلمات المفتاحية

محول كود الالوان hex الى rgbتحويل rgb الى cmyk للطباعةمنتقي الالوان اون لاين مجانيكود اللون الست عشري cssاستخراج اللون المكمل hexتحويل hsl الى rgbفحص تباين الالوان wcagتوليد باليتة الوان للمواقعحاسبة ذكيةأداة حساب تفاعلية ومتقدمةمساعد الحساب الذكي