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

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

اختر وحوّل الألوان بين HEX وRGB وHSL وCMYK. أنشئ تناسقات وتحقق من تباين WCAG.

معاينة

على أبيض 3.7:1AA فشلعلى أسود 5.7:1AA نجاح

التباين

#3b82f6
rgb(59, 130, 246)
rgba(59, 130, 246, 1)
hsl(217, 91%, 60%)
hsla(217, 91%, 60%, 1)
cmyk(76%, 47%, 0%, 4%)
--color-primary: #3b82f6

تناسقات الألوان

مكمل

تماثلي

ثلاثي

مكمل منقسم

رباعي

درجات وظلال

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

  • انقر منتقي اللون أو اكتب قيمة HEX/RGB/HSL
  • كل التنسيقات تتحدث تلقائياً
  • انقر أي قيمة لنسخها للحافظة

tools.colorPicker.editorialTitle

tools.colorPicker.editorialBody

أدوات ذات صلة

مولد الأيقونة
تحويل الصورة إلى نص (OCR)
عداد الكلمات

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

ما منتقي الألوان وكيف يعمل؟
منتقي الألوان يسمح باختيار لون مرئياً أو بقيم ويعرضه بتنسيقات متعددة (HEX، RGB، HSL، CMYK). هذا الموقع يزامن كل المدخلات فوراً ويتيح النسخ وتوليد التناسقات والتحقق من التباين لإمكانية الوصول.
ما الفرق بين HEX وRGB وHSL؟
HEX تمثيل مضغوط لـ RGB (مثلاً #ff0000 للأحمر). RGB يستخدم ثلاثة أرقام 0–255. HSL يصف اللون بالدرجة (0–360) والتشبع والإضاءة (0–100%). الأداة تحوّل بينها فوراً.
ما CMYK ومتى يُستخدم؟
CMYK هي سماوي وأرجواني وأصفر وأسود. تُستخدم أساساً في الطباعة. الأداة تعرض مكافئ CMYK لأي لون لتوحيد الهوية بين الويب والطباعة.
ما نسبة تباين WCAG؟
WCAG تحدد حداً أدنى للتباين بين النص والخلفية. AA يتطلب 4.5:1 للنص العادي؛ AAA يتطلب 7:1. الأداة تعرض النسبة على الأبيض والأسود وتوضح إن كان يمر AA أو AAA.
ما تناسقات الألوان؟
تناسقات الألوان مجموعات ألوان متناسقة: مكمل، تماثلي، ثلاثي، مكمل منقسم، رباعي. الأداة تولدها من اللون المختار. انقر أي لون لجعله اللون الرئيسي.
ما الدرجات والظلال؟
الدرجات لون مع مزيد من الأبيض؛ الظلال مع مزيد من الأسود. الأداة تولد تسع خطوات من 10% إلى 90%، شبيهة بمقاييس Tailwind CSS.
هل يمكن استخدامه للويب وCSS؟
نعم. تحصل على HEX وRGB وRGBA وHSL وHSLA ومتغير CSS. انسخ أي قيمة إلى ورقة الأنماط. التباين يساعد في اختيار ألوان نص قابلة للوصول.
ما متغير CSS (خاصية مخصصة) للألوان؟
الخصائص المخصصة في CSS تتيح تعريف لون مرة واحدة وإعادة استخدامه (مثلاً --color-primary: #1a2b3c; ثم var(--color-primary)). الأداة تعرض صيغة المتغير لـ :root.