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

اكتب قيمة HEX مثل ‎#2E8B57‎ في حقل HEX، فيظهر فورًا في حقل RGB كود ‎rgb(46, 139, 87)‎ — والعكس صحيح. ولأن كل الصيغ متزامنة، يعمل التحويل في الاتجاهين دون خطوة منفصلة.

هل تحوّل الأداة من RGB إلى CMYK للطباعة؟

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

ما الفرق بين HSL وHSV؟

كلاهما يصف اللون عبر درجة اللون والتشبع، لكن HSL يستخدم محور الإضاءة (Lightness) حيث 50% توازن مثالي، بينما يستخدم HSV محور القيمة (Value) الذي يعبّر عن السطوع المرئي ويسهّل اختيار الألوان بصريًا. تُظهر الأداة الصيغتين معًا لتختار الأنسب لعملك.

هل محوّل الألوان هذا آمن وخاص؟

نعم. لا تغادر أي بيانات جهازك. تجري كل عمليات التحويل محليًا داخل المتصفح، فلا تُرفَع قيم ألوانك إلى أي خادم.

أدوات الألوان

محوّل ألوان عبر الإنترنت | مزامنة RGB وHEX وHSL وHSV وCMYK

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

مزامنة مباشرةلا حاجة إلى رفع ملفات

معاينة مرئية

استخدم العينة اللونية ومنتقي الألوان الأصلي وشريط ألفا لضبط اللون نفسه بدقة في جميع التنسيقات.

لون المعاينة

#3B82F6

rgba(59, 130, 246, 0.84)

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

#3B82F6

ألفا

0.84

القنوات المباشرة

HEX

R: 59
G: 130
B: 246
A: 0.84

نصيحة للتحرير

إذا أصبحت قيمة أحد الحقول غير صالحة مؤقتًا أثناء الكتابة، فسيبقى آخر لون صالح نشطًا. وعند إكمال القيمة ستعود بقية التنسيقات إلى التحديث تلقائيًا.

مزامنة مباشرةلا حاجة إلى رفع ملفات

محرر تنسيقات الألوان ثنائي الاتجاه

يمكن تعديل جميع التنسيقات أدناه مباشرةً. غيّر HEX أو RGB أو RGBA أو HSL أو HSLA أو HSV أو HSVA أو CMYK أو CMYKA وستبقى بقية نماذج الألوان متزامنة فورًا.

HEX

المصدر

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

شرح

RGB

RGB هو نموذج ألوان قياسي يتكون من قنوات الأحمر (R) والأخضر (G) والأزرق (B). ومن خلال تغيير شدة كل قناة ودمجها معًا، يستطيع RGB تمثيل معظم الألوان على الشاشات الرقمية، وهو أحد أكثر أنظمة الألوان استخدامًا.

RGBA

RGBA هو RGB مع قناة ألفا للشفافية. تستخدم قيم R وG وB عادةً من 0 إلى 255، بينما تستخدم A غالبًا من 0 إلى 1 أو من 0% إلى 100%. ويُستخدم كثيرًا في CSS عندما تحتاج إلى نفس اللون بدرجات عتامة مختلفة.

HEX

HEX هو أسلوب لتمثيل الألوان بالنظام الست عشري. يُستخدم كثيرًا في تصميم الويب وCSS لأنه مختصر وسهل النسخ. فالقيمة مثل #2E8B57 تخزن الأحمر والأخضر والأزرق على شكل أزواج سداسية عشرية، ويمكن للإصدارات الممتدة أن تتضمن الشفافية أيضًا.

HSL

يمثل HSL (درجة اللون، التشبع، الإضاءة) ألوان RGB في نظام إحداثي أسطواني. يعبّر H عن عائلة اللون، ويصف S نقاء اللون، بينما يتحكم L في السطوع؛ حيث إن 0% هو الأغمق و50% متوازن و100% هو الأفتح.

HSLA

HSLA هو إصدار HSL مع قناة ألفا. فهو يحتفظ بدرجة اللون والتشبع والإضاءة ويضيف الشفافية، مما يجعله مناسبًا للظلال والطبقات الشفافة وحالات الواجهة.

HSV

HSV (درجة اللون، التشبع، القيمة) هو فضاء لوني أنشأه A. R. Smith عام 1978، ويُعرف أيضًا باسم نموذج المخروط السداسي. ولأن القيمة V تصف السطوع المرئي مباشرة، فإن HSV يكون غالبًا أسهل للاختيار البصري للألوان.

HSVA

HSVA هو امتداد لـ HSV مع قناة ألفا. وهو مناسب عندما تريد استخدام نموذج الدرجة والتشبع والقيمة مع وصف العتامة لواجهات المستخدم والرسومات متعددة الطبقات.

CMYK

CMYK هو وضع الألوان المستخدم في الطباعة. تعتمد المواد المطبوعة على الضوء المنعكس لكي تُرى، لذلك فهو مناسب للصحف والتغليف والكتيبات. وعلى عكس RGB الخاص بالشاشات، صُمم CMYK للحبر على الورق.

CMYKA

CMYKA يوسّع CMYK بإضافة قناة ألفا. وهو مفيد عندما تحتاج إلى وصف قيم السماوي والأرجواني والأصفر والأسود مع الشفافية ضمن تسليمات التصميم أو الأصول متعددة الطبقات.

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

ألصق أو اكتب قيمة في أي حقل تنسيق مثل HEX أو RGB أو RGBA أو HSL أو HSV أو CMYK.

بمجرد أن تصبح القيمة صحيحة، ستحولها الأداة تلقائيًا إلى جميع تنسيقات الألوان الأخرى المدعومة.

استخدم لوحة المعاينة ومنتقي الألوان وشريط ألفا وأزرار النسخ لضبط اللون المطلوب وتصديره.

الميزات الرئيسية

مزامنة التنسيقات في الاتجاهين

غيّر أي تنسيق مدعوم وحافظ على مزامنة RGB وRGBA وHEX وHSL وHSLA وHSV وHSVA وCMYK وCMYKA في الوقت الفعلي.

عناصر تحكم مرئية بالألوان

اعرض اللون الحالي فورًا عبر العينة المباشرة ومنتقي ألوان المتصفح وشريط ألفا وقراءات القنوات.

تحويل داخل المتصفح

كل حقل يدعم الصيغ الشائعة، وتتم جميع التحويلات داخل المتصفح لسرعة أكبر وخصوصية أفضل.

الأسئلة الشائعة حول محوّل الألوان

هل يمكنني تعديل أي تنسيق لون وتحديث جميع التنسيقات الأخرى؟

نعم. يدعم المحول المزامنة في الاتجاهين. إذا عدّلت RGB أو RGBA أو HEX أو HSL أو HSLA أو HSV أو HSVA أو CMYK أو CMYKA، فسيتم تحديث التنسيقات الأخرى فور أن تصبح القيمة صالحة.

كيف يتم التعامل مع الشفافية أثناء التحويل؟

يُعرض HEX بدون ألفا لأن الصفحة تركز على التنسيقات المطلوبة. ويتم الاحتفاظ بالشفافية في RGBA وHSLA وHSVA وCMYKA، كما تعكس المعاينة دائمًا مستوى العتامة الحالي.

هل محوّل الألوان هذا خاص وآمن؟

لا. تعمل كل عمليات التحويل محليًا داخل متصفحك، لذلك لا يتم رفع قيم الألوان إلى الخادم.

محوّل الألوان أداة مجانية تحوّل أي لون بين صيغ HEX وRGB وRGBA وHSL وHSLA وHSV وHSVA وCMYK وCMYKA في مكان واحد. اكتب كود اللون في أي حقل، فتُحدَّث بقية الصيغ في الحال بفضل المزامنة في الاتجاهين، مع معاينة حية ومنتقي ألوان وشريط ألفا لضبط درجة الشفافية. تجري كل عمليات التحويل داخل متصفحك، فلا تُرفَع قيم ألوانك إلى أي خادم.

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

1
أدخِل كود اللون
ألصق أو اكتب قيمة في أي حقل تنسيق، مثل ‎#2E8B57‎ لصيغة HEX، أو ‎rgb(46, 139, 87)‎ لصيغة RGB، أو ‎hsl(146, 50%, 36%)‎ لصيغة HSL.
2
شاهد مزامنة كل الصيغ
بمجرد أن تصبح القيمة صحيحة، تحوّلها الأداة في الوقت نفسه إلى جميع الصيغ المدعومة الأخرى: RGB وRGBA وHEX وHSL وHSLA وHSV وHSVA وCMYK وCMYKA.
3
اضبط اللون بدقة
استخدم العينة اللونية الحية ومنتقي الألوان الأصلي وشريط ألفا لضبط درجة اللون والعتامة، أو اضغط «عشوائي» لاستكشاف ألوان جديدة.
4
انسخ أو صدّر
انقر أي حقل لنسخ قيمته، أو استخدم «نسخ الكل» لأخذ جميع الصيغ دفعة واحدة لاستعمالها في CSS أو ملفات التصميم أو الكود.

مراجع

‏W3C — وحدة ألوان CSS الإصدار 4
مواصفة W3C الرسمية التي تحدّد صيغ ألوان CSS بما فيها hex وrgb() وhsl() وhwb() وصيغ الألوان الحديثة.
‏MDN — قيمة اللون في CSS
مرجع MDN يشرح كل صيغ ألوان CSS، بما فيها HEX وRGB/RGBA وHSL/HSLA وطريقة عمل شفافية ألفا.

أدوات ذات صلة

أداة ضغط CSS

اضغط ملفات CSS التي تستخدم قيم الألوان المحوَّلة بصيغ HEX وRGB وHSL.

عارض SVG

اعرض وافحص رسومات SVG التي تعتمد على ألوان التعبئة والحدود.

تحويل الصور إلى Base64

حوّل الصور إلى سلاسل Base64 لتضمينها مباشرةً بجانب أنماط الألوان.

منسّق JSON

نسّق وتحقّق من ملفات JSON التي تخزّن لوحات الألوان ورموز التصميم.

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

كيف أحوّل من HEX إلى RGB أو من RGB إلى HEX؟: اكتب قيمة HEX مثل ‎#2E8B57‎ في حقل HEX، فيظهر فورًا في حقل RGB كود ‎rgb(46, 139, 87)‎ — والعكس صحيح. ولأن كل الصيغ متزامنة، يعمل التحويل في الاتجاهين دون خطوة منفصلة.
هل يمكنني تعديل أي صيغة لون وتحديث بقية الصيغ؟: نعم. يدعم المحوّل المزامنة في الاتجاهين. إذا عدّلت RGB أو RGBA أو HEX أو HSL أو HSLA أو HSV أو HSVA أو CMYK أو CMYKA، تُحدَّث الصيغ الأخرى مباشرةً فور أن تصبح القيمة صالحة.
هل تحوّل الأداة من RGB إلى CMYK للطباعة؟: نعم. تتحدّث حقول CMYK وCMYKA كلما غيّرت أي صيغة أخرى، فتمنحك قيم السماوي والأرجواني والأصفر والأسود الجاهزة للطباعة. لكن انتبه إلى أن CMYK يعتمد على الجهاز، لذا قد يختلف ما تراه على الشاشة قليلًا عن المطبوع.
كيف يتم التعامل مع الشفافية أثناء التحويل؟: يُعرض HEX بدون قناة ألفا لأن الصفحة تركّز على الصيغ المطلوبة، بينما تُحفظ الشفافية في RGBA وHSLA وHSVA وCMYKA، وتعكس المعاينة دائمًا مستوى العتامة الحالي.
ما الفرق بين HSL وHSV؟: كلاهما يصف اللون عبر درجة اللون والتشبع، لكن HSL يستخدم محور الإضاءة (Lightness) حيث 50% توازن مثالي، بينما يستخدم HSV محور القيمة (Value) الذي يعبّر عن السطوع المرئي ويسهّل اختيار الألوان بصريًا. تُظهر الأداة الصيغتين معًا لتختار الأنسب لعملك.
هل محوّل الألوان هذا آمن وخاص؟: نعم. لا تغادر أي بيانات جهازك. تجري كل عمليات التحويل محليًا داخل المتصفح، فلا تُرفَع قيم ألوانك إلى أي خادم.