🎨

محوّل الألوان

حوّل الألوان بين HEX وRGB وHSL وHSV وCMYK وصيغ الألوان الأخرى فوراً.

HEX Color

📋 كيفية الاستخدام

أدخل قيمة لون بأي صيغة مدعومة (HEX أو RGB أو HSL أو CMYK) أو استخدم منتقي الألوان.
تحوّل الأداة اللون فوراً إلى جميع الصيغ الأخرى في آنٍ واحد.
اعرض معاينة اللون المباشرة لتأكيد صحة اللون.
انقر على نسخ بجانب أي صيغة لنسخ تلك القيمة المحددة إلى الحافظة.
استكشف الألوان التكميلية والدرجات ونسب التباين في اللوحات الإضافية.

عن هذه الأداة

محوّل الألوان

حوّل فوراً بين HEX وRGB وRGBA وHSL وHSV وCMYK وأسماء ألوان CSS. مع معاينة مباشرة ومنتقي ألوان مدمج.

الصيغ المدعومة

HEX وRGB وRGBA وHSL وHSLA وHSV/HSB وCMYK وأسماء CSS

ميزات إضافية

التحقق من تباين WCAG لإمكانية الوصول
مولّد درجات فاتحة وداكنة
الألوان التكميلية والمتماثلة

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

RGB (Red, Green, Blue) is an additive color model for screens — combining all colors gives white. CMYK (Cyan, Magenta, Yellow, Black) is a subtractive model for print — combining all colors gives black.

HEX is compact (just 7 characters like #3498DB), widely supported in all browsers, and easy to copy/paste directly into CSS and HTML code.

HSL (Hue, Saturation, Lightness) is more intuitive for humans — you can adjust saturation to make a color more vivid or change lightness to make it lighter/darker without altering the hue.

The alpha channel controls transparency. In RGBA, alpha = 0 means fully transparent, alpha = 1 means fully opaque. HSLA and hex8 (#RRGGBBAA) also support transparency.

Use the contrast checker panel. WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text to meet accessibility standards.

Yes. Enter any CSS named color and the tool converts it to HEX, RGB, HSL, and CMYK values.