Calnex LogoCalnex
design

محول الألوان

تحويل الألوان بين تنسيقات HEX و RGB و HSL و CMYK. يكتشف تنسيق الإدخال تلقائياً ويعرض جميع تمثيلات فضاء الألوان.

المعلمات

أدخل لونًا بتنسيق HEX أو RGB أو HSL أو HWB

تنسيق قيمة لون الإدخال

النتائج

HEX
#3B82F6

تدوين اللون الست عشري

نتائج أخرى (5)
معاينة اللون
#3B82F6

المعاينة المرئية للون

RGB
rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

HSL
hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

CMYK
cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

اسم اللون
Royal Blue (closest match)

CSS يدعى اللون الأقرب إلى هذا اللون

مثال المدخل والنتيجة

#3B82F6
rgb(59, 130, 246)

CMYK تقريب رياضي بدون ملفICC. لا يتنبأ بلون طابعة أو ورق معين.

لماذا تختار محول الألوان

يقوم Color Converter بتحويل الألوان بين تنسيقات HEX وRGB وHSL وCMYK مع الاكتشاف التلقائي لتنسيق الإدخال. كما أنه يحدد أقرب لون مسمى لـ CSS، مما يجعله أداة أساسية لمصممي ومطوري الويب.

  • ✓يحول بين تنسيقات الألوان HEX وRGB وHSL وCMYK
  • ✓يكتشف تلقائيًا تنسيق لون الإدخال
  • ✓يعرض أقرب تطابق لوني مسمى لـ CSS
  • ✓جميع القيم جاهزة للنسخ للاستخدام في CSS أو أدوات التصميم

خطوات الاستخدام

  1. 1أدخل قيمة اللون بأي تنسيق مدعوم (HEX، RGB، HSL، HWB)
  2. 2حدد تنسيق الإدخال أو اتركه قيد الاكتشاف التلقائي
  3. 3عرض كافة تمثيلات تنسيق الألوان على الفور
  4. 4انسخ التنسيق الذي تحتاجه لأداة CSS أو أداة التصميم الخاصة بك
  5. 5تحقق من أقرب لون مسمى للحصول على مرجع سريع

الأسئلة الشائعة (FAQ)

ما هو الفرق بين HEX وRGB؟

يمثل HEX وRGB نفس بيانات الألوان بشكل مختلف. يستخدم HEX تدوينًا أساسيًا 16 (#RRGGBB)، بينما يستخدم RGB القيم العشرية (rgb(R, G, B)). على سبيل المثال، يمثل كل من #FF0000 وrgb(255, 0, 0) اللون الأحمر النقي.

متى يجب علي استخدام HSL بدلاً من HEX؟

يعد HSL (تدرج اللون والتشبع والخفة) أكثر سهولة لضبط الألوان. يمكنك بسهولة جعل اللون أفتح (زيادة L)، أو أكثر حيوية (زيادة S)، أو تغيير درجة اللون. يعد HEX أفضل لمواصفات الألوان الدقيقة ومشاركتها مع أدوات التصميم.

ما هو استخدام CMYK؟

يتم استخدام CMYK (سماوي، أرجواني، أصفر، مفتاح/أسود) في تصميم الطباعة. على عكس RGB الذي هو مضاف (يعتمد على الضوء)، فإن CMYK هو مطروح (يعتمد على الحبر). يعد تحويل RGB إلى CMYK أمرًا ضروريًا عند إعداد التصميمات الرقمية للطباعة.

هل يمكنني استخدام هذه الأداة للتحويل من HWB؟

نعم. HWB (Hue، Whiteness، Blackness) هو تنسيق ألوان CSS أحدث سهل الاستخدام لضبط الألوان. أدخل قيمة HWB الخاصة بك بالتنسيق hwb(H W% B%) وستقوم الأداة بتحويلها إلى جميع التنسيقات الأخرى.

ما مدى دقة أقرب مطابقة لونية مسماة؟

تستخدم الأداة المسافة الإقليدية في مساحة RGB للعثور على أقرب لون مسمى CSS. إذا كان لونك يتطابق تمامًا مع لون مسمى، فإنه يظهر تطابقًا تامًا. وإلا فإنه يعرض أقرب لون مسمى، والذي قد يختلف قليلاً عن إدخالك.

مراجع ومصادر موثوقة

CSS Color Module Level 4 - W3C

عرض المصدر

Color Values - MDN Web Docs

عرض المصدر

Named CSS Colors

عرض المصدر