كيف أحوّل لون HEX إلى RGB وHSL؟

اكتب اللون أو الصقه في إدخال اللون، مثل #14b8a6، أو استخدم منتقي الألوان. تعرض الأداة قيم HEX وrgb() وhsl() وhsv() وcmyk()، إضافة إلى oklch() وlab() وlch()، لكل منها زر نسخ.

ما صيغ الألوان التي يمكنني كتابتها؟

HEX بـ 3 أو 4 أو 6 أو 8 خانات، وrgb() أو rgba()، وhsl() أو hsla() بصياغة الفواصل أو المسافات، وثلاثيات أرقام مجردة. إذا لم يُتعرف على المدخل، تعرض الأداة خطأ في التحليل.

هل يمكنني تحويل الألوان الشفافة؟

نعم. استخدم عنصر التحكم في العتامة أو أدخل قيمة ألفا في الحقل. تتضمن المخرجات حينئذ قناة ألفا، مثل HEX من 8 خانات أو rgba() أو ألفا بعد شرطة مائلة في الصياغة الحديثة.

هل قيم CMYK دقيقة للطباعة؟

لا، فهي تقريب قياسي من sRGB إلى CMYK، وتُعرض ضمن للطباعة. للحصول على ألوان طباعة دقيقة، استخدم ملف ألوان الطابعة أو اطلب نسخة تجريبية، فالألوان الزاهية على الشاشة تُطبع غالباً أكثر خفوتاً.

كيف أتحقق من أن تباين لوني كافٍ للنص؟

راجع قسم تباين WCAG. يعرض نسبة التباين للونك على الأبيض وعلى الأسود، مع تقدير AAA أو AA أو AA كبير أو فشل. ويقترح مقياس السطوع درجات أفتح أو أغمق لتجربتها.

هل هو مجاني فعلًا؟

نعم. كل أداة مجانية الاستخدام، بدون حساب وبدون بطاقة ائتمان. العمل يجري على جهازك بدلاً من خوادمنا، وهذا ما يبقيها مجانية التشغيل.

هل يعمل على الجوال؟

نعم. يعمل في متصفحات الجوال الحديثة على iOS وأندرويد دون تثبيت أي شيء.

🎨

محول الألوان مجانًا

حوِّل الألوان بين صيغ HEX وRGB وHSL وHSV وCMYK فورًا. يتضمن مقياس إضاءة وعيّنات ألوان جاهزة.

يعمل في المتصفح الخاص بكبلا اشتراك، بلا نوافذ منبثقةلا يلزم تسجيل الدخولمجاني للأبد

يعمل دون اتصال بعد التحميل

تحويل لون بين HEX و RGB و HSL و HSV و CMYK — مع معاينة مباشرة ونسخ بضغطة واحدة. كل شيء يعمل في المتصفح الخاص بك.

إدخال اللون

يقبل: HEX (#fff أو #ffffff)، RGB (255, 255, 255)، أو HSL (360, 100%, 50%)

الشفافية100%

إعدادات مسبقة:

HEX#14B8A6

rgb() · قديمrgb(20, 184, 166)

rgb() · حديثrgb(20 184 166)

hsl() · قديمhsl(173, 80%, 40%)

hsl() · حديثhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

قيم RGB20, 184, 166

تباين WCAG

على خلفية بيضاء

2.49:1

فشل

على خلفية سوداء

8.44:1

AAA

🖨️ للطباعة: قيم CMYK هذه (89% و0% و10% و28%) هي تقريب قياسي sRGB→CMYK للمرجع. للحصول على لون طباعة دقيق، استخدم ملف ICC للطابعة أو إثبات مطبوع — لا يمكن لـ CMYK على الشاشة مطابقة كل حبر/ورق.

مقياس السطوع

انقر على أي عيّنة للتبديل إلى ذلك الظل

الاستخدامات الشائعة

تحويل الألوان لتصميم الويباحصل على قيم HEX و RGB و HSL لأي لون — جاهز للصق في CSS أو Tailwind.
تحويل الألوان للطباعة (CMYK)تحويل ألوان الشاشة (HEX/RGB) إلى قيم CMYK للاستخدام في تصميم الطباعة والطباعة الاحترافية.
بناء لوحات ألوان لأنظمة التصميمتحويل ألوان العلامات التجارية عبر جميع الصيغ وإنشاء مقاييس الخفة المتسقة لنظام تصميم كامل.
تحقق من تباين اللون للوصولتحويل الألوان للحصول على قيم RGB للاستخدام في أدوات نسبة التباين — الامتثال WCAG للتصميم الذي يمكن الوصول إليه.
تحويل الألوان لـ Figmaاحصل على قيم HEX و RGB الدقيقة لصق في Figma و نظام رموز التصميم.

كيف يعمل

كل منطق التحويل مكتوب يدويًا بـ JavaScript ويعمل بالكامل في متصفحك — لا مكتبة ولا استدعاء خادم. تحلّل الأداة إدخالك، وتمرره عبر سلسلة من الدوال الرياضية البحتة، وتنتج في الوقت نفسه إحدى عشرة صيغة إخراج بما فيها فضاءات CSS Color 4 الحديثة oklch() وlab().

1
تحليل إدخال مرن
يقبل محلّل مخصص الصيغة الست عشرية (3 أو 4 أو 6 أو 8 أرقام)، وrgb()/rgba()، وhsl()/hsla() بصيغة الفواصل القديمة والمسافات الحديثة، والثلاثيات الرقمية المجردة. تُوحَّد قيم ألفا العشرية أو المئوية إلى النطاق 0–1 قبل بدء أي تحويل.
2
RGB كمحور التحويل
تُحوَّل كل صيغة مقبولة أولًا إلى ثلاثية RGB قياسية. ومن هذا التمثيل الواحد تتفرع الأداة: يستخدم HSL وHSV صيغ الحد الأدنى/الأقصى/الصفاء القياسية؛ ويُشتق CMYK بإيجاد قناة المفتاح؛ ويُطبَّق التحويل الخطي لـ sRGB (منحنى غاما المجزأ المعرّف في IEC 61966-2-1) قبل حسابات الفضاءات الإدراكية.
3
فضاءات ألوان إدراكية محسوبة من الصفر
يُحسب oklch() باستخدام مصفوفات 3×3 المرجعية لـ Björn Ottosson (فضاء الجذر التكعيبي LMS). ويستخدم lab() وlch() تكييف Bradford اللوني للتحويل من نقطة البياض D65 إلى D50، بما يطابق تعريف CSS Color 4 لـ lab(). وهي الصيغ نفسها المستخدمة في محركات العرض في المتصفحات — منفّذة هنا دون أي تبعية خارجية.
4
تباين WCAG ومقياس الإضاءة
تُحسب الإضاءة النسبية وفق معادلة WCAG 2.1 (قيم R وG وB بعد التحويل الخطي، موزونة بـ 0.2126/0.7152/0.0722) وتُصنَّف نسبة التباين مقابل الأبيض والأسود إلى AA-large أو AA أو AAA أو فشل. ويُولَّد شريط إضاءة من تسع درجات بتدريج قناة إضاءة HSL من 10% إلى 90%، ويمكنك النقر على أي عيّنة لتحويل تلك الدرجة.