أدوات المطورين

اختيار الألوان أونلاين (HEX, RGB, HSL)

اختر لوناً وانسخ قيم HEX/RGB/HSL.

كل الأدوات

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

الإدخال
المخرجات

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

  1. اختر لونًا من المنتقي أو اكتب قيمة HEX.
  2. انسخ القيم (HEX / RGB / HSL) من لوحة المخرجات.
  3. استخدم القيمة في التصميم أو في الكود.

أفضل الممارسات

  • لأفضل أداء، ابدأ بمدخلات صغيرة أولاً.
  • عاين المخرجات قبل التنزيل أو المشاركة.
  • تجنب لصق بيانات حساسة على أجهزة مشتركة.

الخصوصية

بعض الأدوات تعمل داخل المتصفح. بعض الميزات قد تتطلب معالجة على الخادم.

أمثلة
مثال 1
الإدخال
#6366F1
المخرجات
HEX: #6366F1
RGB: rgb(99, 102, 241)
HSL: hsl(239, 84%, 67%)
مثال 2
الإدخال
#10B981
المخرجات
HEX: #10B981
RGB: rgb(16, 185, 129)
HSL: hsl(160, 84%, 39%)

هل كانت هذه الأداة مفيدة؟