محول الألوان المجاني: HEX و RGB و HSL و CMYK
يأخذ محول الألوان المجاني هذا لوناً بصيغة HEX أو RGB أو HSL أو CMYK ويعيده بجميع الصيغ الأربع، مع عينة لونية للتحقق منها وقيم CSS جاهزة للنسخ واسم اللون المسمى الأقرب. الصق #1273b5 أو rgb(18, 115, 181) أو hsl(204, 82%, 39%) أو 90, 36, 0, 29 والصيغة تُكتشف تلقائياً. مناسب للمصممين والمطورين وأي شخص يطابق لون العلامة التجارية للطباعة.
Color Converter
Generators and Converters
عن هذه الأداة
HEX و RGB يصفان نفس الشيء: كمية الضوء الأحمر والأخضر والأزرق التي تمزجها الشاشة، من 0 إلى 255 لكل قناة، مكتوبة بالنظام السادس عشري أو العشري. HSL يصف اللون بالطريقة التي يفكر بها الناس: درجة لون على عجلة الألوان وتشبع وإضاءة، مما يجعله أسهل صيغة لجعل اللون أفتح أو أغمق أو أكثر كتماً في CSS. CMYK هو النموذج الطرحي الذي تستخدمه الطابعات: حبر سماوي وأرجواني وأصفر وأسود كنسب مئوية.
يقبل المحول HEX مختصر (#abc) و HEX مع أو بدون علامة الهاش ودوال CSS rgb() و hsl() وأرقام مفصولة بفواصل أو مسافات ودوال cmyk() أو أربع نسب مئوية. يتم تجاهل قيم ألفا. يحول عبر RGB باستخدام الصيغ القياسية ويقرب HSL إلى درجات ونسب مئوية كاملة ويعرض أقرب الألوان المسماة في CSS حسب المسافة، وهو مفيد عندما تحتاج إلى اسم قابل للقراءة في دليل الأسلوب.
تحويل CMYK هنا من النوع الرياضي البسيط بدون ملف تعريف لون ICC، لذا فهو يخبرك بنسب الحبر لكن ليس بالضبط كيف ستعرض طابعة وورقة معينة اللون. للعمل على العلامات التجارية التي تذهب للطباعة، أعط الطابعة قيمة HEX أو RGB واطلب إثبات أو طابق عينة Pantone. الألوان على الشاشة الأفتح من أي حبر، مثل الأخضر النقي RGB، ستطبع دائماً بشكل أفتح.
الأسئلة الشائعة
كيف أحول HEX إلى RGB يدوياً؟
اقسم HEX السادس الأرقام إلى ثلاث أزواج: #1273b5 هو 12 و 73 و b5. حول كل زوج من النظام السادس عشري إلى العشري: 12 هو 18 و 73 هو 115 و b5 هو 181، لذا اللون هو rgb(18, 115, 181). بالنسبة إلى HEX ثلاثي الأرقام مثل #fa3 اضاعف كل رقم أولاً: #ffaa33. في الاتجاه الآخر، حول كل قناة إلى رقم سادس عشري بحرفين وانضمهم معاً.
لماذا يبدو لون CMYK الخاص بي مختلفاً عند الطباعة؟
الشاشة تمزج الضوء والطابعة تمزج الحبر، والحبر لا يمكنه إعادة إنتاج ألوان الشاشة الأفتح، خاصة الأخضر والأزرق والبرتقالي المشبعة. الرياضيات هنا تعطي نسب الحبر بدون ملف تعريف لون، لذا تعتمد النتيجة المطبوعة أيضاً على الطابعة والورقة والملف الشخصي الذي تستخدمه الطابعة. اطلب إثبات مطبوع لأي لون علامة تجارية مهم.
متى يجب أن أستخدم HSL بدلاً من HEX في CSS؟
استخدم HSL عندما تبني لوحة من لون علامة تجارية واحد: احتفظ بدرجة اللون، ثم غير الإضاءة لحالات التمرير والحدود والخلفيات، والتشبع للمتغيرات الكتومة. القيم تبقى قابلة للقراءة والارتباط، حيث تبدو مجموعة من رموز HEX عشوائية. كل متصفح حديث يدعم hsl()، ويمكنك مزج HSL و HEX بحرية في ورقة نمط واحدة.
هل يتعامل المحول مع الشفافية؟
يقرأ HEX بثمانية أرقام و rgba() و hsla() لكن يتجاهل جزء ألفا ويحول اللون الصلب فقط، لأن CMYK والألوان المسماة ليس لها شفافية. أضف ألفا مرة أخرى في CSS الخاص بك، على سبيل المثال rgb(18 115 181 / 50%). العينة تعرض دائماً اللون الصلب.