اختر لونًا واحصل فورًا على قيمه بصيغ HEX وRGB وCMYK وHSV وHSL

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

HEX

RGB

CMYK

HSV

HSL

Color

WCAG contrast checker

Check that a text color is readable on a background color. WCAG 2.1 requires a ratio of at least 4.5:1 for normal text and 3:1 for large text.

Text color (HEX)

Background color (HEX)

Contrast ratio

Sample text: check how readable this is

AA normal text (4.5:1)
AA large text (3:1)
AAA normal text (7:1)
AAA large text (4.5:1)

كيف تستخدم منتقي الألوان

اختر لونًا من اللوحة، أو اكتب قيمة HEX أو RGB لترى اللون الذي تمثله.
انسخ أيًا من الصيغ الخمس بزر النسخ المجاور لها.
انزل إلى فاحص التباين لاختبار لون نص على لون خلفية ومعرفة مستويات WCAG التي يجتازها.

أي صيغة لون تستخدم؟

الصيغة	الأفضل لـ	مثال
HEX	المواقع وCSS وأدوات التصميم	#f4ae00
RGB	الشاشات وCSS مع الشفافية (rgba)	rgb(244, 174, 0)
CMYK	الطباعة: كتيبات وتغليف وبطاقات عمل	0%, 29%, 100%, 4%
HSV	منتقيات الألوان في برامج التصميم	hsv(43°, 100%, 96%)
HSL	لوحات CSS: درجات أفتح وأغمق من التدرج نفسه	hsl(43°, 100%, 45%)

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

مطابقة لون علامة تجارية عندما لا تملك سوى كود HEX من مصمم.
تحويل لون ويب إلى CMYK قبل إرسال الملفات إلى المطبعة.
التأكد من أن نص الأزرار والنص الأساسي يحققان متطلب تباين WCAG 2.1 البالغ 4.5:1.
بناء لوحة CSS: أبقِ التدرج والتشبع وغيّر إضاءة HSL فقط.

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

هل منتقي الألوان مجاني؟

نعم، منتقي الألوان وفاحص التباين مجانيان تمامًا، بدون تسجيل وبدون حدود للاستخدام.

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

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

كيف أحوّل HEX إلى RGB؟

الصق قيمة HEX في حقل HEX وستظهر قيمة RGB فورًا في حقل RGB. يعمل التحويل في الاتجاه الآخر أيضًا: اكتب قيمة RGB وستحصل على كود HEX.

ما نسبة التباين اللازمة لسهولة الوصول؟

يتطلب مستوى AA في WCAG 2.1 نسبة لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير (18pt فأكثر، أو 14pt غامق). ويتطلب مستوى AAA نسبة 7:1 للنص العادي. يوضح فاحص التباين في هذه الصفحة أي هذه المستويات يجتازه زوج الألوان لديك.

هل يمكن تحويل لون شاشة إلى لون طباعة؟

نعم، تعرض الأداة قيمة CMYK لأي لون تختاره. تذكّر أن التحويل إلى CMYK تقريبي: اللون المطبوع النهائي يعتمد أيضًا على ملف تعريف الطابعة والورق، لذا اطلب دائمًا نموذجًا مطبوعًا للألوان الحساسة للعلامة التجارية.

منتقي الألوان