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

ميزات الأداة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

قائمة التحقق

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