مُنتقي ومحوّل الألوان — استخراج وتحويل أكواد HEX و RGB و HSL
Developer Tools
جاري تحميل الأداة...
حول هذه الأداة
انتقِ وحوّل الألوان بين صيغ HEX و RGB و HSL فورياً في متصفحك. يدعم المعاينة المرئية المباشرة، الإدخال النصي المتبادل، النسخ بضغطة زر، وسجل حفظ آخر 12 لوناً بأمان تام.
كيفية الاستخدام
- انتقاء اللون مرئياً: انقر على مربع اللون الكبير لفتح عجلة الألوان أو أداة القطارة (Eyedropper) المدمجة في متصفحك.
- أو إدخال كود Hex يدوياً: اكتب أي كود سداسي عشري صالح (مثل
#6366f1) في حقل HEX ليتم تحديث كافة الصيغ آلياً. - معاينة التحويل المتزامن: راجع القيم اللحظية المحسوبة بدقة عبر فضاءات الألوان الثلاثة: HEX، RGB، و HSL.
- نسخ الصيغة المرغوبة: اضغط على زر النسخ (📋) بجوار أي صيغة لنقل الكود البرمجي فورياً إلى الحافظة.
- استرجاع الألوان الأخيرة: انقر على أي لون في شريط الألوان الأخيرة لاستعادة درجاتك السابقة وإعادة تحويلها بنقرة واحدة.
الأسئلة الشائعة
ما هو الفرق الرئيسي بين صيغ HEX و RGB و HSL في تمثيل الألوان؟
صيغة HEX تكتب الألوان ككود سداسي عشري (#RRGGBB). وصيغة RGB تعبر عن قنوات الضوء كأرقام من 0 إلى 255. وصيغة HSL تعبر عن الألوان بنظام أسطواني إدراكي: الصبغة (0-360°)، التشبع (0-100%)، والإضاءة (0-100%).
هل يمكنني استخدام الأداة لالتقاط الألوان من خارج نافذة المتصفح؟
نعم، يوفر منتقي الألوان في المتصفحات الحديثة أداة القطارة (Eyedropper) التي تتيح التقاط أي بكسل من أي نافذة أو تطبيق مفتوح على شاشة جهازك.
لماذا يُفضل استخدام صيغة HSL في تصميم السمات التفاعلية؟
لأن HSL تتيح تعديل درجات الإضاءة والتشبع برمجياً لحالات التحويم والتفاعل مع تثبيت زاوية الصبغة الأصلية للعلامة التجارية بسهولة فائقة.
كيف يعمل شريط الألوان الأخيرة؟
يخزن الشريط تلقائياً آخر 12 لوناً جرى اختيارها في ذاكرة المتصفح المؤقتة، مما يسمح باسترجاع أي درجة سابقة بنقرة زر واحدة.
هل أكواد الألوان الخاصة بمشاريعي آمنة وسرية؟
نعم، آمنة وسرية 100%. تتم كافة العمليات الحسابية والتحويلات محلياً داخل ذاكرة متصفحك دون إرسال أي بيانات إلى خوادم خارجية.
هل يؤدي التحويل بين RGB و HSL إلى فقدان في دقة اللون؟
التحويل الرياضي دقيق وغير فاقد للبيانات، وأي فروق طفيفة في الكسور العشرية تنتج فقط عن تقريب نسب HSL المئوية في CSS وهي غير ملحوظة بصرياً.
كيف أنسخ كود اللون المختار إلى مشروعي بسرعة؟
بالنقر على زر النسخ (📋) بجوار أي حقل لوني، يُنسخ الكود البرمجي المنسق فورياً إلى حافظة جهازك مع ظهور علامة تأكيد مرئية.
أدلة ودروس
أدلة شاملة لكل أداة. تعلم كيف تعالج بياناتك بخصوصية تامة، مجاناً، مباشرة في متصفحك.
اقرأ المزيد