منتقي الألوان ومولد اللوحات مجانًا
اختر الألوان، وقم بالتحويل بين HEX/RGB/HSL، وقم بإنشاء لوحات متناغمة.
RGB
HSL
صيغ أكثر
تباين WCAG
أقرب لون مسمّى: dodgerblue · النص الأسود أسهل قراءة هنا (5.71:1)
درجات وتدرجات (50–950)
لوحة الألوان
متكامل
ثلاثي
متجاور
أحادي اللون
الاستخدامات الشائعة
- عداد الألوان لتصميم الويباختر وأنشئ ألواناً لموقعك الإلكتروني — احصل على قيم HEX و RGB و HSL بالإضافة إلى لوحات متناسقة.
- عداد الألوان للعلامة التجاريةبناء لوحة ألوان العلامة التجارية الخاصة بك — اختر الألوان الأساسية والثانوية والمركزة التي تعمل معاً.
- عداد الألوان لوسائل التواصل الاجتماعيإنشاء لوحات ألوان لافتة للنظر لمنشورات ومحادثات وتصاميم الملفات الشخصية على وسائل التواصل الاجتماعي.
- عداد الألوان لتصميم الطباعةاختر الألوان للمواد المطبوعة — النشرات وبطاقات العمل والكتيبات — مع معاينات ألوان دقيقة.
- عداد الألوان للعروض التقديميةتصميم مخططات ألوان الشرائح — اختر ألوان نصوص قابلة للقراءة وألوان الرسوم البيانية وظلال المكتب المتسقة.
كيف يعمل
يعمل كل شيء مباشرة في متصفحك باستخدام حسابات تحويل مكتوبة يدويًا — لا مكتبة ألوان ولا ذهاب وإياب إلى خادم. تختار لونًا عبر حقل الألوان الأصلي في المتصفح أو EyeDropper API، فتحوّله الأداة فورًا إلى ست صيغ مع حساب نسب تباين WCAG وتوليد لوحات التناغم.
- 1إدخال اللون عبر واجهة أصليةتختار لونًا عبر عنصر <input type="color"> المدمج في المتصفح، أو — في المتصفحات المبنية على Chromium — تتيح لك EyeDropper API أخذ عيّنة من أي بكسل على شاشتك. يُرجع المساران سلسلة ست عشرية تصبح المصدر الوحيد للحقيقة.
- 2تحويلات صيغ مكتوبة يدويًايحوّل تحويل OKLCH قنوات sRGB إلى قيم خطية، ثم يطبق مصفوفة الجذر التكعيبي لـ OKLab، ثم يستخرج الصفاء (chroma) وزاوية درجة اللون — بما يطابق إخراج CSS Color Level 4 الحديث.
- 3حساب نسبة التباين وفق WCAGتُحسب الإضاءة النسبية من قنوات RGB بعد تحويلها إلى قيم خطية باستخدام معادلة WCAG 2.x. ثم تحسب الأداة نسب التباين مقابل الأبيض الخالص والأسود الخالص وتصنّفها AA-large أو AA أو AAA أو فشل وفق عتبات WCAG (3:1 و4.5:1 و7:1).
- 4توليد لوحات التناغم والحفظ المحليتُستخرج عيّنات المتكامل والثلاثي والمتجاور وأحادي اللون بتدوير قيم درجة اللون والإضاءة في HSL أو تدريجها رياضيًا. تُكتب اللوحات المحفوظة في localStorage في متصفحك — لا شيء يغادر جهازك.
أدوات ذات صلة
مولّد ألوان عشوائية
ولّد ألواناً عشوائية واحداً تلو الآخر أو كلوحة من خمسة، وثبّت ما يعجبك منها، وانسخ قيم HEX أو RGB أو HSL، وصدّر اللوحة بصيغة PNG أو CSS.
محول الألوان
حوِّل الألوان بين صيغ HEX وRGB وHSL وHSV وCMYK فورًا. يتضمن مقياس إضاءة وعيّنات ألوان جاهزة.
مستخرج لوحة ألوان الصورة
استخرج الألوان السائدة من أي صورة باستخدام تقنية تكميم الألوان k-means. احصل على رموز سداسية لأفضل 2 إلى 16 لونًا في صورتك أو شعارك.