محول الألوان
حوّل الألوان بين 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% في المتصفح
جميع تحويلات الألوان تتم في متصفحك. بياناتك لا تغادر جهازك أبداً.
مجاني بدون تسجيل
بدون تسجيل، بدون حدود، بدون رسوم خفية.
نتائج فورية
تحويل فوري أثناء الكتابة — شاهد تحديث جميع الصيغ مباشرة.
منتقي ألوان مرئي
اختر الألوان بصرياً باستخدام منتقي الألوان المدمج وشاهد قيم HEX و RGB و HSL و CMYK في وقت واحد.
كيف يعمل محول الألوان؟
- اختر صيغة الإدخال — HEX أو RGB أو HSL أو CMYK — وأدخل قيمة اللون.
- يعرض المحول فوراً لونك بجميع الصيغ الأخرى المدعومة أثناء الكتابة.
- استخدم منتقي الألوان المرئي لاختيار لون بالنقر على الطيف أو إدخال القيم مباشرة.
- انسخ أي قيمة محولة إلى الحافظة بنقرة واحدة، جاهزة للصق في 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 — في الوقت الفعلي، حتى تتمكن من رؤية كيف يُمثَّل نفس اللون عبر أنظمة مختلفة. هذا مفيد بشكل خاص عندما تحتاج إلى مطابقة لون محدد من نموذج تصميم أو صورة فوتوغرافية. يمكنك أيضاً ضبط اختيارك بدقة بإدخال قيماً دقيقة مباشرة في أي من حقول الصيغ. يعمل منتقي الألوان بالكامل في متصفحك دون اعتماد على الخادم، مما يمنحك ردود فعل فورية وخصوصية تامة أثناء تجربة مجموعات ألوان مختلفة لمشاريعك.