منتقي الألوان ومحوّل HEX إلى RGB

اختر لوناً واحصل على أكواد HEX وRGB وHSL وCMYK، مع الدرجات وفحص التباين والتقاط لون من صورة.

اختر لوناً

الدرجات (اضغط لاختيار)

اللون المكمّل:

فحص التباين (إمكانية القراءة)

نص تجريبيعلى خلفية بيضاء:
نص تجريبيعلى خلفية سوداء:

التقاط لون من صورة

ارفع صورة ثم اضغط على أي نقطة فيها لمعرفة لونها.

تعمل هذه الأداة بالكامل داخل متصفحك — لا يتم رفع أي بيانات إلى خوادمنا.

هل كانت هذه الأداة مفيدة؟

ما فائدة منتقي الألوان؟

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

كيف تستخدم الأداة؟

  1. اضغط على مربع اللون الكبير لفتح منتقي الألوان، أو اكتب كوداً مباشرة في خانة HEX أو RGB أو HSL.
  2. تتحدث كل الأكواد فوراً، ويمكنك نسخ أي منها بزر النسخ بجانبه.
  3. اختر درجة أفتح أو أغمق من لوحة الدرجات، أو اضغط على اللون المكمّل.
  4. راجع قسم فحص التباين لترى إن كان النص بهذا اللون مقروءاً على خلفية بيضاء أو سوداء.
  5. لمعرفة لون من صورة أو شعار، ارفع الصورة واضغط على أي نقطة فيها. وفي المتصفحات الداعمة يمكنك التقاط لون من أي مكان في الشاشة.

ما معنى فحص التباين AA وAAA؟

معايير الوصول WCAG تحدد حداً أدنى للتباين بين لون النص والخلفية حتى يقرأه الجميع، بمن فيهم ضعاف البصر. نسبة 4.5:1 تحقق مستوى AA للنص العادي، و7:1 تحقق AAA، بينما يكفي 3:1 للنصوص الكبيرة. الالتزام بها يحسّن تجربة الزوار وسهولة استخدام موقعك.

نصائح لاختيار ألوان علامتك

  • اختر لوناً أساسياً واحداً ودرجتين منه، ولوناً مكمّلاً للتنبيهات والأزرار.
  • تأكد أن لون الأزرار يحقق تباين AA مع لون النص عليها.
  • احفظ أكواد HEX لألوانك واستخدمها نفسها في الموقع والتصاميم والمطبوعات.

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

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

كلاهما يمثل اللون نفسه؛ HEX يكتبه بالنظام الست عشري مثل #4F46E5، وRGB يكتبه بثلاث قيم من 0 إلى 255.

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

هي تحويل تقريبي؛ الألوان المطبوعة تختلف حسب الورق والطابعة، فاطلب بروفة من المطبعة للأعمال المهمة.

كيف أعرف لون شعار؟

ارفع صورة الشعار في قسم "التقاط لون من صورة" واضغط على اللون المطلوب.

هل تُرفع الصورة إلى خادم؟

لا، تتم القراءة داخل متصفحك.