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

اختر لونًا واحصل على كل الصيغ.

🔒 تُعالج الملفات محلياً في المتصفح عندما تدعم الأداة ذلك color

اختر لونًا واحصل على كل الصيغ.

طريقة الاستخدام

  1. اضغط مربع اللون الكبير لفتح منتقي الألوان التفاعلي.
  2. اسحب في منطقة التدرج واختر التدرج من الشريط العمودي.
  3. أو أدخل قيمة HEX مباشرة إن كنت تعرفها.
  4. اقرأ القيم المولدة تلقائياً بكل الصيغ: HEX و RGB و HSL.
  5. انقر زر النسخ على أي صيغة لاستخدامها في كودك فوراً.

شرح مفصّل

منتقي الألوان هو أداة الواجهة التي تُفتح عشرات المرات يومياً: لون زر، لون خلفية، درجة ظل، لون نص ثانوي — الدورة تتكرر في كل مشروع واجهات، وأي احتكاك في الأداة يتراكم ساعات شهرياً.

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

المعاينة الحية للون على خلفيتين (فاتحة وداكنة) تمنع مفاجأة اللون الذي يبدو جميلاً في العزل ويختفي على خلفية الموقع الفعلية.

توليد كل الصيغ دفعة واحدة يلغي الحاجة إلى أداة تحويل منفصلة: خذ HEX لملف CSS، وRGB لجافاسكربت، وHSL لتوليد الدرجات — كلها بضغطة نسخ.

التكامل مع بقية أدوات DouNest يكمل الدورة: التقط اللون هنا، وحوله في محول الألوان، وولّد عائلته اللونية — كل شيء محلي وسريع.

أسئلة شائعة

هل المنتقي يدعم شفافية؟

استخدم شريط الألفا إن ظهر، أو احصل على RGBA من محول الألوان بعد إدخال القيمة.

لماذا يختلف اللون بين الشاشات؟

اختلاف معايرة الشاشات طبيعي — اعتمد ألوان العلامة الرسمية بـ HEX لا بالعين.

أي صيغة أستخدم في CSS؟

HEX للثوابت وRGB عند الحاجة للشفافية برمجياً وHSL عند توليد عائلات ألوان — الثلاثة مدعومة.

وسوم البحث