مولد الدرجات اللونية والظلال
ولّد تلقائياً الدرجات الفاتحة والظلال الغامقة لأي لون، مع رمزه السادس عشري.
كيفية إنشاء درجات اللون والظلال من لون واحد
اختر لوناً أساسياً
حدد اللون الأساسي باستخدام منتقي اللون المرئي أو أدخل رمز HEX الخاص به.
اطّلع على الدرجات والظلال
ستشاهد تلقائياً 5 درجات أفتح (تدرجات) و5 درجات أغمق (ظلال) تم إنشاؤها من اللون الخاص بك.
انسخ رمز HEX الذي تحتاجه
انقر على أي عينة لنسخ رمز HEX الخاص بها إلى الحافظة.
الأسئلة الشائعة حول مولد الظلال والتدرجات
توفر متغيرات اللون الأفتح والأغمق ضرورية لإنشاء لوحة تصميم متناسقة (على سبيل المثال، لحالات التمرير أو الخلفيات أو الحدود). تحسب هذه الأداة هذه المتغيرات تلقائياً.
ما الفرق بين التون (tint) والظل (shade)؟
+
يتم الحصول على الدرجة اللونية بمزج اللون مع الأبيض (لتفتيح لونه)، والظل بمزجه مع الأسود (لتغميق لونه).
كم عدد المتغيرات التي يتم إنشاؤها؟
+
ينشئ 5 درجات ألوان أفتح و 5 ظلال أغمق من لونك الأساسي، بإجمالي 10 متغيرات.
هل يمكنني نسخ الرموز؟
+
نعم، انقر على أي لون في القائمة لنسخ رمز HEX الخاص به.
هل يمكنها إنشاء لوحة تصميم من نوع Tailwind؟
+
نعم، إنه نفس المفهوم تمامًا لمقاييس الألوان 50-900 التي تستخدمها العديد من أنظمة التصميم.
هل هي مجانية؟
+
نعم، هذه الأداة مجانية تمامًا.
هل يتم تحميل لوني على أي خادم؟
+
لا، جميع الحسابات تتم مباشرة في متصفحك.
الألوان
محول الألوان (HEX, RGB, HSL, CMYK)
حول أي لون بين HEX و RGB و HSL و CMYK بشكل فوري، مع معاينة مباشرة واسم اللون الأقرب.
مولد لوحات الألوان
أنشئ لوحات من 5 ألوان متناسقة (تكميلية أو متناظرة أو ثلاثية أو أحادية اللون) من لون أساسي.
مولد التدرجات CSS
أنشئ تدرجات خطية أو شعاعية بما يصل إلى 4 ألوان وانسخ كود CSS الجاهز للاستخدام.
مدقق التباين WCAG
تحقق مما إذا كان مزيج ألوان النص والخلفية يتوافق مع مستويات إمكانية الوصول AA و AAA.
لون عشوائي
وّلد لونًا عشوائيًا بنقرة واحدة واكتشف اسمه وكود HEX/RGB/HSL والألوان المشابهة له.
منتقي الألوان (قطارة)
اختر أي لون من شاشتك باستخدام أداة قطارة المتصفح، أو استخدم محدد الألوان الكلاسيكي.
محاكي العمى الألوان
قم بتحميل صورة واختبر كيفية رؤيتها من قبل الأشخاص الذين يعانون من عمى الألوان الأحمر أو الأخضر أو الأزرق.
مولد تدرجات Mesh
أنشئ خلفيات بتدرجات mesh (بقع ألوان مشوشة) وحملها بصيغة PNG أو انسخ كود CSS.
خلاط الألوان
امزج لونين واكتشف الدرجات الوسيطة خطوة بخطوة، مع رمز HEX الخاص بها.
عجلة الألوان (الانسجامات)
اختر لوناً على العجلة واكتشف تركيباته المنسجمة: المتممة والمتجاورة والثلاثية والمزيد.
منتزع لوحة الألوان من الصورة
احمِ صورة واستخرج ألوانها السائدة تلقائياً في لوحة، مع كود HEX لكل لون.
متوسط لون الصورة
قم بتحميل صورة واحسب متوسط لونها على الفور، مع الحصول على كود HEX و RGB و HSL.
استكشف الألوان حسب العائلة
أكثر من 469 لون مسمى، مع رموز HEX و RGB و HSL و CMYK الخاصة به، منظمة في 12 عائلة من الدرجات اللونية.
