أدوات الصور والتصميم

Color Palette Generator

يعمل Color Palette Generator داخل المتصفح للتحقق من النتائج أو تحويلها أو تجهيزها دون إرسال الإدخال إلى خادم.

أدوات الصور والتصميم

Input / output

Hue wheel

158°

Base

#18E299

Color 2

#30D6A1

Color 3

#48CAA9

Color 4

#00EE91

Color 5

#00FA89

CSS variables

:root {
  --color-palette-1: #18E299;
  --color-palette-2: #30D6A1;
  --color-palette-3: #48CAA9;
  --color-palette-4: #00EE91;
  --color-palette-5: #00FA89;
}

Tailwind colors

colors: {
  palette1: "#18E299",
  palette2: "#30D6A1",
  palette3: "#48CAA9",
  palette4: "#00EE91",
  palette5: "#00FA89"
}
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.

What is this tool?

Color Palette Generator أداة محلية في المتصفح مخصصة لـ سير عمل الصور والتصميم. تبقى المدخلات والخيارات والنتائج في صفحة واحدة.

How to use it

  1. الصق الإدخال

    أدخل أو الصق القيمة التي تريد معالجتها في منطقة الإدخال.

  2. اضبط الخيارات

    اختر الوضع أو التنسيق أو الوحدة المناسبة لـ color palette, hex color, tints.

  3. راجع النتيجة

    شغل الأداة ثم انسخ النتيجة أو نزلها بعد المراجعة.

Examples

مثال Color Palette Generator

Input
إدخال تجريبي
Output
نتيجة تمت مراجعتها في المتصفح.

Practical tips

  • ابدأ بعينة صغيرة عندما يكون المحتوى كبيرا.
  • تبقى الإعلانات خارج عناصر التحكم والنتائج الرئيسية.

FAQ

ما الإدخال المناسب لـ Color Palette Generator؟

استخدم قيما تطابق المهمة الظاهرة واضبط الخيارات قبل التشغيل.

هل يمكنني نسخ نتيجة Color Palette Generator؟

نعم. راجع النتيجة ثم انسخها أو نزلها عندما تكون صحيحة.

هل يعمل Color Palette Generator على الهاتف؟

نعم. يتم ترتيب الإدخال والخيارات والنتائج بشكل مناسب على الشاشات الصغيرة.

هل يتم إرسال إدخالي إلى خادم؟

لا. الأداة مصممة لمعالجة الإدخال داخل المتصفح.