ColourPicker.app

محوّل الألوان – HEX و RGB و HSL

أدخل أو الصق لونًا بأي صيغة — HEX أو RGB أو HSL — واحصل فورًا على القيم بجميع الصيغ الثلاث. انسخ القيمة التي تحتاجها بنقرة واحدة.

Paste or type a color to convert

Supports HEX, RGB, and HSL formats

Try an example

أدوات أخرى

Picker

منتقي الألوان

ارفع صورة وانقر لاستخراج رموز الألوان HEX و RGB و HSL.

HEXRGBHSLImage

Checker

فحص التباين

تحقق من نسب تباين الألوان وفقًا لمعايير WCAG AA و AAA.

WCAGAAAAA

Generator

عجلة الألوان

أنشئ من لون أساسي واحد لوحات من خمسة ألوان بتناغم تكميلي أو متشابه أو ثلاثي أو غيره.

HarmonyHSLHEX

مستخرج

مستخرج لوحة ألوان الصورة

اعثر على الألوان السائدة في الصورة وانسخ اللوحة بتنسيق HEX أو RGB أو متغيرات CSS.

صورةHEXRGBCSS

تحويل الألوان بين HEX و RGB و HSL

عند العمل على الألوان في أدوات مختلفة — المتصفحات وبرامج التصميم ومحررات الصور — غالبًا ما تحتاج إلى التحويل بين صيغ الألوان. يدعم هذا المحوّل الصيغ الثلاث الأكثر استخدامًا: HEX و RGB و HSL.

تتعرّف الأداة تلقائيًا على الصيغة التي أدخلتها وتعرض القيم المكافئة بالصيغ الثلاث. لا حاجة لاختيار الصيغة يدويًا — فقط الصق القيمة واحصل على النتيجة.

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

  • HEX — مثال: #3B82F6 أو #f00 (الصيغة المختصرة)
  • RGB — مثال: rgb(59, 130, 246)
  • HSL — مثال: hsl(217, 91%, 60%)

كل قيمة ناتجة مُنسّقة ككود CSS جاهز للاستخدام يمكنك لصقه مباشرة في ملفات الأنماط.

كيفية استخدام محوّل الألوان

  1. أدخل قيمة اللون في حقل الإدخال — HEX أو RGB أو HSL
  2. يتم التعرّف على الصيغة تلقائيًا
  3. تظهر القيم بجميع الصيغ الثلاث أسفل حقل الإدخال
  4. انقر على زر النسخ بجانب الصيغة التي تريدها

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

  • تحويل رمز HEX من ملف التصميم إلى RGB لاستخدامه في CSS
  • الحصول على قيمة HSL لتعديل السطوع أو التشبّع بسهولة
  • تحويل قيم RGB من محرر الصور إلى HEX لاستخدامها في HTML
  • التحقق سريعًا من تطابق لونين مكتوبين بصيغتين مختلفتين

متى تستخدم HEX أو RGB أو HSL

HEX هي الصيغة الأكثر اختصارًا وتُستخدم على نطاق واسع في CSS و HTML. صيغة RGB شائعة في برامج التصميم ومحررات الصور. أما HSL فهي الأسهل فهمًا للإنسان — إذ تفصل بين درجة اللون والتشبّع والإضاءة، مما يسهّل تعديل الألوان يدويًا.

لا توجد صيغة واحدة هي الأفضل في كل الحالات. استخدم الصيغة التي يتطلبها سير عملك — وعندما تحتاج إلى التبديل بينها، يقوم المحوّل بذلك فورًا.

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

كيف أحوّل HEX إلى RGB؟
الصق رمز HEX (مثلاً #3B82F6) في حقل الإدخال. ستظهر قيمة RGB فورًا.
كيف أحوّل RGB إلى HEX؟
أدخل القيمة بصيغة rgb(59, 130, 246). سيظهر رمز HEX وقيمة HSL تلقائيًا.
ما هو HSL؟
HSL اختصار لـ Hue (درجة اللون) و Saturation (التشبّع) و Lightness (الإضاءة). تصف هذه الصيغة الألوان بطريقة يسهل على الإنسان فهمها — يمكنك تغيير السطوع أو كثافة اللون دون التأثير على درجته الأساسية.
هل يدعم المحوّل رموز HEX المختصرة؟
نعم. يمكنك إدخال رموز مختصرة مثل #f00 أو #abc وسيتم توسيعها وتحويلها بشكل صحيح.
هل المحوّل مجاني؟
نعم. ColourPicker.app مجاني بالكامل ولا يتطلب تسجيل حساب.
هل يعمل المحوّل على الهاتف المحمول؟
نعم. يعمل محوّل الألوان على أي جهاز يحتوي على متصفح حديث — حاسوب أو جهاز لوحي أو هاتف.