الرئيسية / أدوات الألوان / أداة نظام الألوان المتماثلة عبر الإنترنت
أدوات مجانية عبر الإنترنت

أداة نظام الألوان المتماثلة عبر الإنترنت

أنشئ نظام ألوان متماثل من لون أساسي وزاوية فصل. جرّب مثال #3B82F6 بزاوية 30° واحصل على ثلاثة ألوان متناسقة. تتم المعالجة محليًا داخل متصفحك.

ابدأ الاستخدام

ميزات الأداة

توليد نظام ألوان متماثل دقيق

تعتمد الأداة على تحويل اللون الأساسي إلى HSL، ثم إزاحة درجة اللون (Hue) بمقدار الزاوية المحددة يمينًا ويسارًا مع الحفاظ على نفس قيم التشبع والإضاءة. على سبيل المثال، إذا كان اللون الأساسي هو #3B82F6 (والذي يكافئ تقريبًا HSL(217, 91%, 60%)) وبزاوية 30 درجة، تكون النتائج: #3CE0F6 و#3B82F6 و#523CF6. أما بزاوية 90 درجة فتكون: #3CF652 و#3B82F6 و#F63CE0.

تحرير متقدم لكل لون

يمكنك تعديل أي من العينات الثلاث الناتجة عبر لوحات متقدمة تحتوي على حقول HEX وRGB وHSV وHSL. عند تعديل لون النتيجة، يتغير هذا اللون فقط في العرض والنسخ، ولا يعيد حساب اللونين الآخرين.

حساب محلي وسريع

تتم جميع العمليات الحسابية في متصفحك دون إرسال البيانات إلى خادم خارجي.

قيود يجب مراعاتها

لا توفر الأداة فحص تباين تلقائي أو محاكاة عمى الألوان أو تحذيرات من الألوان خارج النطاق. كما أنها لا تدعم قفل لوحة ألوان العلامة التجارية أو تصدير الملفات. التباعد المتماثل في درجات اللون لا يضمن تباينًا مقروءًا، لذا تحقق دائمًا من أزواج الألوان (النص والخلفية) مقابل معايير الوصول.

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

كيف يمكنني استخدام الألوان الناتجة في مشروعي؟

يمكنك نسخ قيمة HEX أو RGB أو HSV أو HSL لأي لون من العينات الثلاث ولصقها في ملفات CSS أو برامج التصميم. تأكد من اختيار الزاوية المناسبة لتحقيق التباين المطلوب.

ماذا يحدث إذا قمت بتعديل لون إحدى العينات؟

عند تعديل لون عينة معينة، يتغير هذا اللون فقط في النتيجة المعروضة والقابلة للنسخ، ولا يؤثر على اللونين الآخرين. لا يعيد النظام حساب الألوان تلقائيًا بعد التعديل اليدوي.

هل يمكنني إدخال لون أساسي بصيغة HSV أو HSL؟

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

قائمة التحقق

  • اختر لونًا أساسيًا واضبط الزاوية بين 1 و90 درجة.
  • اضغط زر التوليد وافحص الألوان الثلاثة في سياق التصميم.
  • تحقق من تباين النص والخلفية بشكل منفصل.
  • انسخ القيم المطلوبة بالصيغة المناسبة.

تتم المعالجة محليًا داخل متصفحك.