مولد لوحة الألوان مجانًا
أنشئ لوحات ألوان تكميلية ومتجاورة وثلاثية وأحادية اللون من أي لون أساسي. انسخ رموز HEX بنقرة واحدة.
اكتب رمز Hex أو اسم لون مثل teal أو tomato، أو rgb(20, 184, 166) / hsl(174, 80%, 40%)، ثم اضغط Enter.
فحص النص والخلفية
الاستخدامات الشائعة
- إنشاء لوحات ألوان لتصميم الويبإنشاء مخططات ألوان متناسقة للمواقع والتطبيقات الويب ومكونات واجهة المستخدم.
- إنشاء لوحات ألوان العلامة التجاريةتطوير نظام ألوان كامل للعلامة التجارية من لون واحد — أساسي وثانوي وتركيز وألوان محايدة.
- إنشاء لوحات ألوان للفن والتوضيحإنشاء مجموعات ألوان متناسقة للفن الرقمي والتوضيح والمشاريع الإبداعية.
- إنشاء أسلوب الألوان لـ Figmaإنشاء لوحات ألوان لاستخدامها كأسلوب ألوان Figma ومؤسسات رموز التصميم.
- إنشاء لوحات ألوان الوضع الليليإنشاء متغيرات فاتحة وداكنة من لوحة الألوان الخاصة بك لبناء دعم الوضع الليلي.
كيف يعمل
بُنيت الأداة دون أي مكتبات خارجية — تعمل كل حسابات الألوان بـ JavaScript مكتوبة يدويًا مباشرة في متصفحك. تحوّل اللون المختار بين الست عشري وHSL، ثم تطبق قواعد تناغم الألوان الكلاسيكية (المتكامل، الثلاثي، المتجاور، إلخ) عبر حسابات على عجلة الألوان لإنتاج كل لوحة.
- 1التحويل من الست عشري إلى HSLعند اختيار لون، تحلّل الأداة السلسلة الست عشرية إلى مكونات RGB وتحوّلها إلى HSL (درجة اللون، التشبع، الإضاءة). درجة اللون هي الموضع من 0 إلى 360 درجة على عجلة الألوان؛ وتتم كل حسابات اللوحة في هذا الفضاء.
- 2حساب درجة اللون للتناغمكل نوع لوحة صيغة دوران ثابتة تُطبق على درجة اللون الأساسية. المتكامل يضيف 180°، والثلاثي يضيف 120° و240°، والرباعي يتدرج بـ 90°، والمتكامل المنقسم يستخدم 150° و210°. أما أحادي اللون والدرجات فيثبّتان درجة اللون والتشبع مع تدريج الإضاءة صعودًا وهبوطًا.
- 3الإخراج من HSL إلى الست عشريتُحوَّل كل ثلاثية HSL محسوبة إلى لون ست عشري باستخدام صيغة الصفاء القياسية. تُعرض النتائج كشريط ألوان مع تسميات ذات تباين تلقائي (نص داكن على العيّنات الفاتحة، ونص فاتح على الداكنة) يحددها حد إضاءة بسيط.
- 4التصدير بالصيغة المفضلةيمكن نسخ اللوحة كسلاسل ست عشرية أو تصديرها كملف متغيرات CSS (:root { --color-1: … })، أو متغيرات SCSS، أو مقتطف إعدادات Tailwind، أو كائن JSON، أو شريط ألوان PNG. يستخدم تصدير PNG واجهة Canvas في المتصفح (toDataURL) لرسم كل عيّنة مع تسميتها الست عشرية — ويُولَّد كل شيء محليًا عند النقر.
أدوات ذات صلة
مولّد ألوان عشوائية
ولّد ألواناً عشوائية واحداً تلو الآخر أو كلوحة من خمسة، وثبّت ما يعجبك منها، وانسخ قيم HEX أو RGB أو HSL، وصدّر اللوحة بصيغة PNG أو CSS.
مستخرج لوحة ألوان الصورة
استخرج الألوان السائدة من أي صورة باستخدام تقنية تكميم الألوان k-means. احصل على رموز سداسية لأفضل 2 إلى 16 لونًا في صورتك أو شعارك.
منتقي الألوان ومولد اللوحات
اختر الألوان، وقم بالتحويل بين HEX/RGB/HSL، وقم بإنشاء لوحات متناغمة.