أدوات المطور
لوحة الألوان
منتقي ألوان تفاعلي مع إخراج متعدد التنسيقات
كيفية استخدام لوحة الألوان
1.
اختر اللون
انقر في أي مكان في منتقي الألوان لتحديد اللون المرغوب فيه
2.
اعرض القيم
اعرض قيم الألوان بتنسيقات HEX و RGB و HSL وأخرى فوراً
3.
انسخ واستخدم
انسخ قيم الألوان واستخدمها في مشاريعك
ميزات لوحة الألوان
منتقي ألوان تفاعلي
منتقي ألوان احترافي مع ضوابط التشبع والصبغة
تنسيقات متعددة
احصل على قيم الألوان بتنسيقات HEX و RGB و HSL و CMYK
معاينة فورية
شاهد تغييرات الألوان فوراً أثناء اختيار وضبط الألوان
الأسئلة الشائعة
Q: ما هي تنسيقات الألوان المدعومة؟
A: تدعم لوحة الألوان تنسيقات HEX و RGB و HSL و HSV و CMYK. يمكنك نسخ القيم بأي تنسيق تحتاجه لمشروعك.
Q: كيف أختار لوناً محدداً؟
A: انقر في أي مكان في منطقة اللون الكبيرة لتحديد لون، ثم اضبط الصبغة باستخدام المنزلق أدناه. يمكنك أيضاً إدخال قيم محددة يدوياً.
Q: هل يمكنني استخدام هذه الألوان في CSS الخاص بي؟
A: بالتأكيد! انسخ قيم الألوان بالتنسيق المفضل لديك (HEX، RGB، HSL) والصقها مباشرة في CSS أو HTML أو برنامج التصميم الخاص بك.
- فك تشفير JWT
فك تشفير وتحليل رموز JWT
- مولد JWT
إنشاء رموز JWT مع رؤوس وحمولات مخصصة
- منشئ cURL
بناء أوامر cURL مع رؤوس وطرق وخيارات مخصصة
- مولد هاش Bcrypt
تشفير كلمات المرور باستخدام bcrypt مع عامل تكلفة قابل للتكوين
- مختبر التعبيرات النمطية
اختبار التعبيرات النمطية مع تمييز مباشر وتفاصيل التطابق
- محول الوقت
تحويل بين تنسيقات الوقت المختلفة مع دعم المناطق الزمنية
- مفرق النصوص / فك التفرقة
فرق وفك تفرقة النصوص لـ JSON، URL، HTML وXML مع معالجة ثنائية الاتجاه
- منسق البيانات
تنسيق والتحقق من صحة JSON و XML و YAML و SQL مع تمييز لوني للنحو
- مشفر Base64
ترميز النص إلى تنسيق Base64
- فك تشفير Base64
فك ترميز النص Base64 إلى التنسيق الأصلي
- الصورة إلى Base64
تحويل الصور إلى عناوين URL للبيانات Base64
- Base64 إلى صورة
تحويل بيانات Base64 إلى صور مع معاينة وتحميل
- محول ASCII
تحويل النص إلى رموز ASCII والعكس
- منتقي التدرج
اختر ألوانًا أو تدرجات و انسخ قيمة CSS
- لوحة الألوان
منتقي ألوان تفاعلي مع إخراج متعدد التنسيقات
- منتقي ألوان الصور
استخراج الألوان من الصور بدقة مثالية للبكسل
- مولد الأيقونات المفضلة
إنشاء أحجام متعددة من الأيقونات المفضلة من النص والرموز التعبيرية أو الصور
- مفسر تعبيرات Cron
تحليل وشرح تعبيرات cron بتنسيق مقروء
- عارض JSON
عرض واستكشاف بيانات JSON في بنية شجرية
- مولد UUID
توليد معرفات فريدة بسهولة.
- مولد التجزئة
توليد تجزئات مختلفة لمدخلاتك.
- إعادة تسمية الملفات بالجملة
إعادة تسمية عدة ملفات باستخدام الأنماط وتنزيلها كملف ZIP
- تصغير الكود
تصغير CSS وJavaScript وHTML لتقليل حجم الملف
لوحة الألوان
منتقي ألوان تفاعلي مع إخراج متعدد التنسيقات
كيفية استخدام لوحة الألوان
1.
اختر اللون
انقر في أي مكان في منتقي الألوان لتحديد اللون المرغوب فيه
2.
اعرض القيم
اعرض قيم الألوان بتنسيقات HEX و RGB و HSL وأخرى فوراً
3.
انسخ واستخدم
انسخ قيم الألوان واستخدمها في مشاريعك
ميزات لوحة الألوان
منتقي ألوان تفاعلي
منتقي ألوان احترافي مع ضوابط التشبع والصبغة
تنسيقات متعددة
احصل على قيم الألوان بتنسيقات HEX و RGB و HSL و CMYK
معاينة فورية
شاهد تغييرات الألوان فوراً أثناء اختيار وضبط الألوان
الأسئلة الشائعة
Q: ما هي تنسيقات الألوان المدعومة؟
A: تدعم لوحة الألوان تنسيقات HEX و RGB و HSL و HSV و CMYK. يمكنك نسخ القيم بأي تنسيق تحتاجه لمشروعك.
Q: كيف أختار لوناً محدداً؟
A: انقر في أي مكان في منطقة اللون الكبيرة لتحديد لون، ثم اضبط الصبغة باستخدام المنزلق أدناه. يمكنك أيضاً إدخال قيم محددة يدوياً.
Q: هل يمكنني استخدام هذه الألوان في CSS الخاص بي؟
A: بالتأكيد! انسخ قيم الألوان بالتنسيق المفضل لديك (HEX، RGB، HSL) والصقها مباشرة في CSS أو HTML أو برنامج التصميم الخاص بك.
About Color Palette Generator
Extract the dominant color palette from any image, or generate harmonious color schemes from a base color. Get HEX, RGB, and HSL values for each color, ready to use in your design or code.
Key Features
- Extracts dominant colors from any uploaded image
- Generates complementary and analogous color schemes
- Shows HEX, RGB, and HSL values for each color
- Copy any color value with one click
- Export the full palette as CSS variables or JSON
How to Use
- Upload an image to extract its dominant color palette
- Choose the number of colors to extract (4, 6, 8, or 10)
- View the palette with color swatches and code values
- Click any color to copy its HEX, RGB, or HSL value
Frequently Asked Questions
How does the tool determine the dominant colors?
The tool samples pixels across the image and clusters them into color groups using a color quantization algorithm, returning the most representative color from each group.
What is the difference between HEX, RGB, and HSL?
HEX (#FF5733) is the standard web format. RGB (255, 87, 51) uses red/green/blue values 0–255. HSL uses hue (0–360°), saturation (%), and lightness (%) — more intuitive for design.
Can I generate a palette without uploading an image?
Yes. Enter a base color in the color picker and choose a harmony type (complementary, analogous, triadic) to generate a matching palette.
Can I export the palette for design tools?
You can copy the palette as CSS custom properties or as a JSON array of color values for use in code or design tokens.