محوّل الألوان
حوّل الألوان بين HEX وRGB وHSL وCMYK فورًا في متصفحك. منتقي ومحوّل ألوان مجاني بخصوصية 100%.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
الميزات
يعمل بنسبة 100% داخل المتصفح
تتم جميع تحويلات الألوان داخل متصفحك، ولا تخرج بياناتك من جهازك مطلقًا.
مجاني وبدون تسجيل
لا تسجيل، ولا حدود، ولا رسوم خفية.
نتائج فورية
تحويل في الوقت الفعلي أثناء الكتابة — شاهد تحديث كل صيغة مباشرة.
منتقي ألوان مرئي وقطّارة شاشة
اختر الألوان بصريًا عبر المنتقي المدمج، أو التقط أي لون من شاشتك بأكملها بنقرة واحدة (Chrome/Edge على أجهزة الكمبيوتر) — وتتحدَّث جميع الصيغ في الوقت نفسه.
كيف يعمل محوّل الألوان؟
- اختر صيغة الإدخال — HEX أو RGB أو HSL أو CMYK — ثم أدخل قيمة اللون في حقل الإدخال.
- يعرض المحوّل لونك فورًا بجميع الصيغ الأخرى المدعومة أثناء الكتابة.
- استخدم منتقي الألوان المرئي لاختيار لون عبر النقر على الطيف أو إدخال القيم مباشرة.
- استخدم "التقاط من الشاشة" (Chrome/Edge على أجهزة الكمبيوتر) لالتقاط أي لون مرئي على شاشتك بنقرة واحدة.
- انسخ أي قيمة محوَّلة إلى الحافظة بنقرة واحدة، جاهزة للصق في CSS أو أداة التصميم.
- جرب بحرية — يعالج ToolsMio كل شيء داخل متصفحك، لذا تبقى بيانات ألوانك خاصة.
حالات الاستخدام الشائعة
تصميم الويب وCSS
حوّل ألوان HEX إلى RGB أو HSL لاستخدامها في خصائص CSS مثل rgba() وhsla() التي تدعم الشفافية. يجعل ToolsMio التبديل بين الصيغ فوريًا.
الالتزام بدليل الهوية البصرية
احرص على اتساق ألوان علامتك التجارية عبر المنصات من خلال التحويل بين صيغ HEX وRGB وCMYK المستخدمة في أدوات التصميم والطباعة المختلفة.
إمكانية الوصول وفحص التباين
حوّل الألوان إلى HSL لتحليل الإضاءة والتشبع بشكل أفضل للامتثال لمعايير تباين WCAG. استخدمها مع أدوات فحص نسب التباين للحصول على تصاميم يمكن الوصول إليها بسهولة.
تسليم التصميم بين المنصات
غالبًا ما يستخدم المطورون والمصممون صيغ ألوان مختلفة. حوّل بين الصيغ بسرعة لسد الفجوة بين قيم HEX في Figma وقيم RGB في الكود.
ما الذي يجب أن تعرفه عن تحويل الألوان؟
- ✓ تمثل HEX وRGB اللون نفسه بترميزين مختلفين — إذ إن HEX اختصار لقيم RGB بالنظام السداسي عشري. يحوّل ToolsMio بينهما دون أي فقدان في الدقة.
- ✓ غالبًا ما تكون صيغة HSL (درجة اللون والتشبع والإضاءة) أكثر بديهية لضبط الألوان، لأن كل قناة فيها تقابل صفة يدركها الإنسان بوضوح.
- ✓ تُستخدم CMYK بشكل أساسي للطباعة. قد تبدو الألوان مختلفة على الشاشة عنها في المطبوع بسبب اختلاف نطاقات الألوان بين فضاء RGB وفضاء CMYK.
- ✓ تحقق دائمًا من نسب التباين عند اختيار ألوان النصوص فوق الخلفيات. يشترط معيار WCAG 2.1 نسبة 4.5:1 على الأقل للنص العادي و3:1 للنص الكبير.
- ✓ عند استخدام rgba() في CSS، تتراوح قيمة ألفا من 0 (شفاف تمامًا) إلى 1 (معتم تمامًا)، ما يمنحك تحكمًا دقيقًا في شفافية العناصر.
الأسئلة الشائعة
هل تُرسَل بياناتي إلى أي خادم؟
لا. تُنفَّذ جميع تحويلات الألوان بالكامل داخل متصفحك باستخدام JavaScript، ولا تُرفَع أي بيانات أو تُرسَل إلى أي خادم. عندما تُدخل كود HEX أو تختار لونًا، يحسب متصفحك قيم RGB وHSL وCMYK المكافئة محليًا دون إجراء أي طلبات إلى الشبكة. هذا يعني أن اختياراتك اللونية تبقى خاصة تمامًا — فلا يُسجَّل أو يُخزَّن أو يُحلَّل أي شيء من جهتنا. وحتى لو كنت تعمل على ألوان علامة تجارية خاصة أو أنظمة تصميم سرية، يمكنك استخدام ToolsMio بثقة تامة بأن بياناتك ستبقى على جهازك. وتعمل الأداة دون اتصال بمجرد اكتمال تحميل الصفحة، فيمكنك مواصلة تحويل الألوان حتى بدون اتصال بالإنترنت. خصوصيتك أولويتنا.
ما صيغ الألوان المدعومة؟
يدعم ToolsMio التحويل بين أربع صيغ رئيسية للألوان: HEX وRGB وHSL وCMYK. صيغة HEX هي الاختصار القياسي المستخدم في CSS وHTML، إذ تمثل الألوان بكود من ستة أحرف مثل #FF5733. أما RGB (الأحمر والأخضر والأزرق) فيعبر عن الألوان بثلاث قيم رقمية تتراوح من 0 إلى 255، ويُستخدم عادةً في البرمجة والتصميم الرقمي. وتوفر صيغة HSL (درجة اللون والتشبع والإضاءة) طريقة أكثر بديهية لوصف الألوان بناءً على الإدراك البشري، مما يسهل إنشاء تنويعات لونية عبر ضبط الإضاءة أو التشبع. بينما CMYK (السماوي والأرجواني والأصفر والأسود) هو نموذج الألوان المستخدم في الطباعة الاحترافية والتصميم الجرافيكي. وبدعمه الصيغ الأربع جميعها، يسد ToolsMio الفجوة بين تصميم الشاشات وإنتاج المطبوعات، لضمان بقاء ألوانك متسقة عبر كل وسيط وسير عمل.
كيف أحوّل من HEX إلى RGB؟
تحويل HEX إلى RGB أمر بسيط مع ToolsMio. ما عليك سوى لصق كود اللون بصيغة HEX أو كتابته في حقل الإدخال — مثل #00E5A0 — وستظهر قيم RGB المقابلة فورًا. تحلل الأداة كود HEX المكوَّن من ستة أحرف فتفصله إلى ثلاثة أزواج تمثل قنوات الأحمر والأخضر والأزرق، ثم تحوّل كل زوج من النظام السداسي عشر إلى ما يقابله بالنظام العشري. ويمكنك أيضًا استخدام منتقي الألوان المدمج لاختيار لون بصريًا بدلًا من كتابة كود. انقر ببساطة على طيف الألوان أو أدخل قيمًا محددة، وستتحدث جميع التحويلات في الوقت الفعلي. وإذا فضّلت البدء بصيغة مختلفة، يمكنك إدخال قيم RGB أو HSL أو CMYK مباشرة وسيظهر المقابل بصيغة HEX جنبًا إلى جنب. انسخ أي نتيجة إلى الحافظة بنقرة واحدة لاستخدامها فورًا في CSS أو أدوات التصميم.
هل تتضمن الأداة منتقي ألوان؟
نعم! يتضمن ToolsMio منتقي ألوان مرئيًا تفاعليًا بالكامل يجعل اختيار الألوان واستكشافها أمرًا سهلًا. يمكنك النقر في أي مكان على طيف الألوان لاختيار درجة اللون، ثم ضبط الإضاءة والتشبع باستخدام شريط التمرير. وأثناء تحريك المنتقي، تتحدث صيغ الألوان الأربع — HEX وRGB وHSL وCMYK — في الوقت الفعلي، فترى بالضبط كيف يُمثَّل اللون نفسه في الأنظمة المختلفة. وهذا مفيد بشكل خاص عندما تحتاج إلى مطابقة لون محدد من نموذج تصميم أو صورة. ويمكنك أيضًا ضبط اختيارك بدقة عبر كتابة قيم دقيقة مباشرة في أي من حقول الصيغ. يعمل منتقي الألوان بالكامل داخل متصفحك دون أي اعتماد على خادم، ما يمنحك استجابة فورية وخصوصية تامة أثناء تجربة توليفات لونية مختلفة لمشاريعك.
هل يمكنني التقاط لون من أي مكان على شاشتي؟
نعم. انقر زر "التقاط من الشاشة" المجاور لحقل إدخال HEX لتفعيل قطّارة الشاشة، وهي مدعومة في متصفحي Chrome وEdge على أجهزة الكمبيوتر. يتحول مؤشرك إلى عدسة مكبرة تستطيع أخذ عينة من أي بكسل على شاشتك بأكملها — علامات تبويب المتصفح الأخرى، أو التطبيقات الأخرى، أو الصور، أو أي شيء مرئٍ — دون التقاط لقطة شاشة أو رفعها. انقر مرة واحدة وستمتلئ جميع حقول الصيغ باللون المنتقى فورًا (HEX وRGB وHSL وCMYK والمزيد). أما في المتصفحات التي لا تدعم EyeDropper API بعد، مثل Firefox وSafari، فيُخفى الزر تلقائيًا، ويمكنك ببساطة لصق كود HEX أو استخدام المنتقي المرئي بدلًا من ذلك. تجري عملية أخذ العينات من الشاشة بالكامل على جهازك — فلا تُرسَل أي صورة إلى خادم ولا تُخزَّن ولا تُنقَل، مما يحافظ على خصوصية العملية تمامًا.