ما الذي تفعله هذه الأداة
يساعد محوّل الألوان على تحويل القيم بسرعة بين صيغ HEX وRGB وRGBA وHSL لـ CSS والتصميم والواجهات. يدعم RGBA قناة ألفا للشفافية.
طريقة الاستخدام
- أدخل لونًا بصيغة HEX أو RGB أو RGBA أو HSL.
- راجع القيم المحوّلة ومعاينة اللون.
- انسخ الصيغة التي تحتاجها باستخدام الزر على يمين الحقل.
الصيغ المدعومة
يدعم المحول صيغ CSS الشائعة: HEX وHEX القصير وRGB وRGBA وHSL. يعرض القيم المكافئة ومعاينة للون لتسهيل المقارنة بين التصميم والكود والتوثيق.
الشفافية والتقريب
تدعم RGBA قناة alpha بقيم من 0 إلى 1 أو كنسبة مئوية. عند التحويل، خاصة مع HSL، قد تظهر فروق صغيرة بسبب التقريب؛ في أنظمة التصميم اختر صيغة ثابتة.
حدود الواجهة
الأداة لا تفحص التباين أو إمكانية الوصول أو ملفات الألوان أو wide gamut. استخدمها لقيم CSS والرموز السريعة، ثم تحقق من WCAG وحالات hover/focus ووضوح النص بشكل منفصل.
عند نقل لون من التصميم إلى CSS، انقل معه السياق أيضا: لون الخلفية، حالة المكون، وطريقة الاستخدام. قد يبدو اللون جيدا في عينة صغيرة، لكنه يفشل كنص أو حد رفيع أو حالة disabled فوق خلفية مختلفة.
في أنظمة التصميم اختر صيغة ثابتة للرموز اللونية، ووثق متى يستخدم alpha. التحويل المتكرر بين HEX وRGB وHSL قد ينتج فروقا صغيرة بالتقريب تجعل المراجعة والمقارنة البصرية أصعب.