أدوات الألوان
أنشئ وحلل وصدّر لوحات الألوان لمشاريعك.
منتقي الألوان
اختر الألوان مباشرة من أي صورة.
استخراج الألوان
استخرج الألوان الرئيسية من صورة.
مولد اللوحة
أنشئ لوحة ألوان كاملة من صورة.
الألوان السائدة
حدد الألوان السائدة في صورك.
ألوان مشابهة
ابحث عن ألوان مشابهة لاختيارك.
تحويل اللون
حوّل الألوان بين HEX وRGB وHSL وCMYK.
تباين الألوان
تحقق من نسبة التباين لـ WCAG.
تصدير اللوحة
صدّر لوحتك بتنسيقات CSS وJSON وASE.
معاينة اللون
معاينة كيف تبدو ألوانك في التصميم.
تحميل الألوان
حمّل لوحة الألوان كصورة.
مشاركة الألوان
شارك لوحتك عبر رابط فريد.
تناغمات الألوان
استكشف التناغمات التكميلية والثلاثية.
تدرج CSS
أنشئ تدرجات CSS خطية وشعاعية.
تدرج شبكي
أنشئ تدرجات شبكية متعددة الألوان.
تدرج متحرك
أنشئ خلفيات تدرج متحركة.
محاكي عمى الألوان
محاكاة لمستخدمي عمى الألوان.
قابلية قراءة النص
اختبر قابلية القراءة مع مجموعات الألوان.
محلل WCAG
حلل لوحتك للتوافق مع WCAG.
تأثير الزجاج
أنشئ تأثيرات زجاجية بـ CSS.
نيومورفيزم
أنشئ تأثيرات UI ناعمة.
ظلال ملونة
أنشئ تأثيرات ظل ملونة CSS.
تأثير ثنائي اللون
طبّق تأثيرات ثنائية اللون على الصور.
فلتر ألوان الصورة
طبّق فلاتر الألوان على الصور.
لوحة المزاج
أنشئ لوحات مزاج مع لوحة ألوانك.
خلاط الألوان
اخلط وامزج الألوان معاً.
الصبغات والظلال
أنشئ صبغات وظلال لأي لون.
لوحة عشوائية
أنشئ لوحات عشوائية للإلهام.
لوحة من كلمة مفتاحية
أنشئ لوحات بناءً على الكلمات.
لوحة Tailwind
أنشئ تكوينات ألوان Tailwind CSS.
متغيرات CSS
صدّر الألوان كخصائص CSS مخصصة.
ثيم shadcn/ui
أنشئ تكوينات ثيم لـ shadcn/ui.
متغيرات SCSS
صدّر الألوان كمتغيرات SCSS.
درجة حرارة اللون
حلل النغمات الدافئة والباردة.
مزاج اللون
استكشف المشاعر وعلم نفس الألوان.
ألوان العلامة التجارية
استخرج ألوان العلامة من الشعارات.
اتجاهات الألوان
اكتشف الألوان واللوحات الرائجة.
خريطة التدرج
طبّق خرائط التدرج على الصور.
طبقة اللون
أضف طبقات ألوان إلى الصور.
لوحة أحادية اللون
أنشئ مخططات أحادية اللون.
مخطط تكميلي
أنشئ مخططات ألوان تكميلية.
معاينة UI
معاينة الألوان في نماذج UI.
معاينة اجتماعية
معاينة في نماذج التواصل الاجتماعي.