لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم 

منتقي الألوان الذي ستحفظه بالفعل

تحديث في 21 فبراير 2026

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

منتقي الألوان الذي ستحفظه بالفعل في المفضلة 1

هل تعرف تلك اللحظة التي ترى فيها المثالي اللون على موقع ويب وتعتقد “أحتاج هذا الظل بالضبط”؟ ثم تقضي 15 دقيقة تحدق في رموز HEX، وتحول بين RGB و HSL، وتشكل خيارات حياتك؟ نعم، لقد أنشأنا أداة لذلك. 🎨

ال منتقي الألوان يتيح لك on iotools.cloud التقاط أي لون بصريًا والحصول عليه فورًا بتنسيق HEX و RGB و HSL — لا حاجة لدرجة في الرياضيات.

لماذا تحتاج إلى منتقي الألوان (حتى لو كنت تعتقد أنك لا تحتاجه)

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

ولنكن صادقين: التحويل اليدوي #FF6B35 ل rgb(255, 107, 53) ل hsl(19, 100%, 60%) في رأسك ليس استخدامًا منتجًا لخلايا دماغك. 🧠

ما الذي يجعل منتقي الألوان هذا جيدًا حقًا

هناك ما يقرب من عشرة ملايين منتقي ألوان على الإنترنت. إليك سبب عدم فشل خاصتنا:

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

حالات الاستخدام الواقعية

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

أنظمة التصميم: يستخدم ملف Figma الخاص بك RGB، ويستخدم قاعدة التعليمات البرمجية الخاصة بك hex، ويريد مدقق إمكانية الوصول HSL. بدلاً من ثلاثة محولات مختلفة، استخدم أداة واحدة تتحدث جميع الصيغ. هل تحتاج إلى التحقق من قيم hex على وجه التحديد؟ محول سداسي عشري إلى RGBA سيساعدك في العمل على قناة ألفا.

استكشاف سريع: اضغط على زر الألوان العشوائية عدة مرات، واعثر على شيء غير متوقع، وابنِ لوحة ألوان كاملة حوله. بعض أفضل قرارات التصميم تأتي من الصدف السعيدة. 🎲

نصائح احترافية

ابدأ بـ HSL إذا كنت تبني مخططات الألوان — فهي الصيغة الأكثر سهولة في الاستخدام لضبط السطوع والتشبع.
استخدم زر العشوائية عندما تكون عالقًا في روتين الألوان (كلنا مررنا بذلك).
احفظه في المفضلة — ستستخدمه أكثر مما تعتقد.

الأدوات ذات الصلة

إذا كنت تعمل مع الألوان، فقد تجد هذه الأدوات مفيدة أيضًا:

محول سداسي عشري إلى RGBA — عندما تحتاج إلى دعم قناة ألفا
محول RGBA إلى سداسي عشري — اذهب في الاتجاه الآخر
مُنشئ تدرج الألوان CSS — بناء تدرجات جميلة بصريًا
مولد الألوان العشوائية — إنشاء لوحات ألوان وألوان عشوائية
محول الصور — العمل مع الصور؟ التحويل بين الصيغ

اذهب واختر بعض الألوان

توقف عن تحديد رموز HEX بالعين وتتمنى الأفضل. الخاص بنا منتقي الألوان مجاني وسريع ويعمل مباشرة في متصفحك — لا يتطلب تثبيتات أو تسجيلات أو أي تعقيدات. 🔥

ستشكرك CSS الخاصة بك.