أدوات الألوان
لوحات ألوان وتدرجات وتحويل بين الصيغ وفحص التباين — كل ذلك داخل متصفحك.
#3B82F6 #F6AF3B أدوات ألوان مجانية تعمل بالكامل داخل متصفحك: أنشئ لوحة ألوان من أي لون أساسي عبر ستة أنماط تناغم، وصمّم تدرجات CSS خطية أو دائرية أو مخروطية بمعاينة مباشرة، وحوّل بين HEX وRGB وHSL، وافحص تباين النصوص وفق معياري WCAG AA وAAA. لا يُرفع أي شيء إلى الخوادم — كل شيء يعمل دون اتصال.
عن هذه الأداة
ما تحتاجه
- لون أساسي بصيغة HEX، ونمط التناغم.
- نقاط التدرج ونوعه (خطي أو دائري أو مخروطي) وزاويته.
- لونان لفحص التباين، وتحديد ما إذا كان النص كبيرًا.
ما تحصل عليه
- لوحة ألوان تُنسخ كقائمة HEX أو كمتغيرات CSS.
- كود CSS للتدرج، واللون محوَّلًا بين HEX وRGB وHSL.
- نسبة التباين مع نتيجة النجاح أو الإخفاق وفق معياري WCAG AA وAAA.
حدود الأداة
- تعمل الأداة في نطاق sRGB بثمانية بتات — HEX وRGB وHSL فقط، دون CMYK أو ملفات ألوان الطباعة.
- قد يتغيّر أحد مكوّنات اللون بمقدار واحد عند التحويل ذهابًا وإيابًا، وهو تقريب طبيعي في ثمانية بتات.
- فحص التباين يشمل اللونين اللذين تُدخلهما فقط، لا بقية عناصر التصميم.
كيف تستخدمها
افتح اللوحة المناسبة
اختر «لوحة الألوان» أو «التدرج» أو «التحويل والتباين» من صف التبويبات أسفل العنوان.
أنشئ لوحة ألوان
في «لوحة الألوان» حدّد اللون الأساسي عبر منتقي الألوان أو حقل HEX، واختر نمط التناغم (مكمّل أو متجاور أو ثلاثي أو رباعي أو مكمّل منقسم أو أحادي اللون)، ثم ثبّت الألوان التي تريد الاحتفاظ بها واضغط «توليد جديد» لتغيير البقية.
صمّم تدرجًا
في «التدرج» اختر خطي أو دائري أو مخروطي، وحدّد «الزاوية (بالدرجات)» وهي متاحة للنوعين الخطي والمخروطي، وأضف نقاط الألوان ومواضعها أو احذفها — وتتحدّث المعاينة وسطر CSS تحتها مباشرة.
حوّل وافحص التباين
في «التحويل والتباين» اكتب في حقل HEX أو RGB أو HSL فيتبعه الحقلان الآخران، ثم حدّد لون النص ولون الخلفية وفعّل «نص كبير» لقراءة نسبة التباين مع نتيجتي AA وAAA.
انسخ النتيجة
استخدم «نسخ قائمة HEX» أو «نسخ متغيرات CSS» في لوحة الألوان، أو «نسخ CSS» في لوحة التدرج، أو «نسخ رابط هذه النتيجة» لمشاركة الإعدادات التي يحملها الرابط.
أسئلة شائعة
كيف أحوّل لونًا من HEX إلى RGB؟
استخدم ميزة تحويل الصيغ في أدوات الألوان لتحويل اللون بين الصيغ المختلفة، وذلك مباشرة داخل متصفحك.
هل يمكنني فحص تباين الألوان لإمكانية الوصول؟
نعم، تتضمن أدوات الألوان فاحص تباين إلى جانب ميزة تحويل الصيغ.
هل أدوات الألوان مجانية وتعمل داخل المتصفح فقط؟
نعم، الأداة مجانية بالكامل وتعمل كليًا داخل متصفحك دون الحاجة لأي تثبيت.