محول الألوان

حوّل بين HEX وRGB وHSL وCMYK، وافحص التباين قبل نشر واجهة أو صفحة حملة على رابط عام.

أدخل لونًا من التصميم ثم انسخ الصيغة المناسبة للواجهة.
4.70vs Black
4.46vs White
فحص التباين
راجع قابلية قراءة النصوص والأزرار قبل أن تصبح الصفحة عامة.
HEX
RGB
HSL
CMYK

تناغمات اللون

متكامل
#6366f1
#f1ef63
متقارب
#63acf1
#6365f1
#a863f1
درجات اللون
#6467f2
#2529ec
#1013bd
#0b0d7e
#05063f

دليل صيغ الألوان

HEX

الصيغة الأكثر شيوعًا في CSS وملفات التصميم الخفيفة.

RGB

مفيدة عندما تحتاج قيم القنوات أو الشفافية في واجهات الويب.

HSL

تسهّل ضبط الدرجة والتشبع والإضاءة عند بناء تدرجات أو حالات hover.

CMYK

مفيدة للتقريب بين مواد الطباعة والواجهة، مع ضرورة مراجعة التصميم النهائي.

التباين

افحص ألوان النص والخلفية حتى لا يصل الرابط العام بواجهة صعبة القراءة.

محول الألوان

متى أستخدم محول الألوان؟

استخدمه عند نقل لون من تصميم إلى CSS، أو عند مراجعة تباين زر أو عنوان قبل نشر الصفحة.

هل يكفي فحص التباين هنا وحده؟

لا. يعطيك إشارة سريعة، لكن الصفحات المهمة تحتاج مراجعة بصرية على الجوال وسطح المكتب.

هل يجب مراجعة النتيجة يدويًا؟

راجع المدخلات والنتيجة يدويًا، ولا تستخدم أسرارًا أو بيانات شخصية في أدوات عامة أو صفحات منشورة.

هل يعمل التحويل داخل المتصفح؟

نعم. هي مخصصة لتحضير قيم الواجهة ومراجعتها داخل المتصفح قبل نقلها إلى CSS أو التصميم.