NEWمحوّل ألوان مجاني

Color Math:
HEX · RGB · HSL · CMYK

Color Math محوّل الألوان للمصممين والمطورين — حوّل HEX وRGB وHSL وCMYK فوريًا، وأنشئ لوحات ألوان، وافحص نسب تباين WCAG مباشرة في متصفحك.
Ad

لماذا تحتاج إلى Color Math

كل مصمم ومطوّر يواجه هذه العقبات عند التبديل بين تنسيقات الألوان.

تشتت التنسيقات يُبطئ سير عملك

أدوات التصميم تُصدّر HEX، وCSS تتوقع HSL، والطباعة تستلزم CMYK. بدون محوّل ألوان موثوق ستجد نفسك تخمّن يدويًا أو تتنقل بين المواقع، وتُهدر وقتًا ثمينًا.

التحويلات اليدوية تسبب أخطاء

تحويل RGB إلى HSL يدويًا يستلزم حسابات مثلثية معقدة. خطأ رقمي واحد في المعادلة يقلب درجة اللون 180°. يُجري Color Math جميع الحسابات بدقة تامة وفي الحال.

إمكانية الوصول تُهمَل في أغلب الأحيان

معظم أدوات اختيار الألوان تتجاهل متطلبات تباين WCAG 2.1. يعرض Color Math نسب التباين فورًا حتى يصبح معيار إمكانية الوصول جزءًا أصيلًا من تصميمك منذ اللحظة الأولى.

معاينة اللون

#3B82F6

rgb(59, 130, 246)

R — أحمر
G — أخضر
B — أزرق
rgb(59, 130, 246)

لوحة الألوان

Current

لون مكمّل

ألوان متجاورة

ألوان ثلاثية

انقر على أي لون لتحميله

تباين WCAG

مقابل الأبيض3.68:1
AA نص عاديAAA نص عاديAA نص كبير
مقابل الأسود5.71:1
AA نص عاديAAA نص عاديAA نص كبير

White text on color

Black text on color

سجل الألوان

ستظهر الألوان المحفوظة هنا

HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76%, 47%, 0%, 4%)

كل ما يقدمه Color Math

محوّل ألوان واحد لجميع الأنظمة. Color Math يحل محل أدوات متعددة دفعةً واحدة.

تحويل ثنائي الاتجاه في الوقت الفعلي

عدّل أي حقل — HEX أو RGB أو HSL أو CMYK — وسيُعيد Color Math حساب جميع التنسيقات الأخرى فورًا. لا حاجة للضغط على زر تأكيد.

أشرطة تمرير دقيقة لكل قناة

اسحب أشرطة تمرير R وG وB وH وS وL وC وM وY وK وشاهد جميع التنسيقات تتحدث مباشرةً. مثالي لضبط درجات اللون بدقة دون لمس لوحة المفاتيح.

توليد لوحات ألوان تلقائيًا

يُولّد Color Math لوحات مكملة ومتجاورة وثلاثية من لونك الحالي. انقر على أي درجة لتحميلها فورًا.

فاحص تباين WCAG 2.1

اطّلع على نسب التباين على الخلفية البيضاء والسوداء بنظرة واحدة. يُظهر Color Math AA أو AAA أو فاشل لتصميم يراعي إمكانية الوصول بشكل افتراضي.

سجل ألوان بواسطة localStorage

يبقى كل لون تحفظه في متصفحك عبر الجلسات. يحتفظ Color Math بما يصل إلى 10 ألوان حديثة لمراجعتها ومقارنتها في أي وقت.

لا خوادم، خصوصية تامة

تتم جميع حسابات Color Math داخل متصفحك كاملًا. لا تُرسَل أي بيانات ولا يلزم إنشاء حساب — ألوانك ملكك وحدك.

كيف يستخدم المصممون Color Math

من ربط التصميم بالكود إلى الطباعة وإمكانية الوصول — يتكيف Color Math مع كل خطوة في سير عمل الألوان.

اربط التصميم بالكود في ثوانٍ

حصلت على قيمة HEX من Figma؟ الصقها في Color Math واحصل فورًا على مكافئ HSL لخصائص CSS المخصصة. اضبط الإضاءة لحالات التمرير والتركيز دون إعادة فتح ملف التصميم.

Color Math tool showing HEX, RGB, HSL, and CMYK values side by side with interactive sliders

استعرض ألوان الطباعة قبل الطباعة

يحوّل Color Math قيم RGB من شاشتك إلى قيم CMYK نظرية لاكتشاف الأحمر والبرتقالي خارج نطاق الألوان قبل إرسال الملف إلى المطبعة. تجنب المفاجآت غير السارة دون تكاليف إضافية.

Color Math palette panel showing complementary, analogous, and triadic color swatches

تحقق من إمكانية الوصول لكل لون

يحسب Color Math نسب تباين WCAG 2.1 مقابل الأبيض والأسود في الوقت الفعلي. اعرف على الفور ما إذا كان لون نصك يستوفي مستويات AA أو AAA — دون الحاجة إلى أداة إضافية.

Color Math WCAG contrast checker showing pass and fail badges for AA and AAA accessibility levels

كيفية استخدام Color Math

ثلاث خطوات لتحويل أي لون واستكشافه وحفظه.

01

أدخل لونًا أو الصقه

اكتب كود HEX (الاختصارات مثل #f00 تتوسع تلقائيًا) أو اسحب شريط تمرير للبدء. يقبل Color Math مدخلات HEX وRGB وHSL وCMYK في آنٍ واحد.

  • الصق مباشرةً من أداة التصميم أو أدوات المطور في المتصفح
  • HEX المختصر (#abc) يتوسع تلقائيًا إلى الشكل الكامل (#aabbcc)
  • ابدأ بعلامة تبويب شريط التمرير الأكثر ملاءمةً لك
02

استكشف التنسيقات ولوحات الألوان

بدّل بين علامات تبويب RGB وHSL وCMYK للضبط عبر أشرطة التمرير. مرّر لأسفل إلى لوحة الألوان لرؤية الألوان المكملة والمتجاورة والثلاثية التي يولّدها Color Math.

  • انقر على درجة لون في اللوحة لتحميلها فورًا
  • استخدم أشرطة تمرير HSL لتفتيح اللون أو تغميقه بشكل منهجي دون تغيير درجة اللون
  • قيم CMYK تقديرية — نتيجة الطباعة الفعلية تعتمد على ملف تعريف الطابعة
03

انسخ واحفظ وقارن

انقر على زر النسخ للحصول على التنسيق المطلوب. اضغط حفظ لإضافة اللون الحالي إلى السجل. يحتفظ Color Math بما يصل إلى 10 ألوان عبر الجلسات.

  • انسخ سلسلة CSS الدقيقة لـ HEX أو RGB أو HSL
  • عند إعادة تحميل الصفحة تبقى الألوان المحفوظة عبر localStorage
  • انقر على لون في السجل لإعادة تحميله ومقارنته بالألوان الحالية

أسئلة شائعة حول Color Math

إجابات على الأسئلة الأكثر شيوعًا حول Color Math وتحويل الألوان.

ما هو Color Math وما الذي يمكنه فعله؟

Color Math محوّل ألوان مجاني يعمل في المتصفح ويحوّل أكواد HEX وRGB وHSL وCMYK في الوقت الفعلي. كما يولّد لوحات ألوان (مكملة ومتجاورة وثلاثية) ويحسب نسب تباين WCAG 2.1 — كل ذلك دون أي طلبات إلى خادم.

ما مدى دقة تحويل CMYK؟

يستخدم Color Math معادلة رياضية قياسية (RGB → CMYK) توفر تقديرًا نظريًا جيدًا. إلا أن نتيجة الطباعة الفعلية تعتمد على الطابعة والأحبار والورق وملف تعريف ICC. استخدم Color Math كمرجع لا كبديل عن إدارة الألوان الاحترافية للطباعة.

ماذا تعني AA وAAA في فاحص التباين؟

يحدد WCAG 2.1 الحد الأدنى من نسب التباين لقابلية قراءة النص. تتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. تتطلب AAA نسبة 7:1 للنص العادي. يحسب Color Math هذه النسب مقابل الأبيض الخالص والأسود الخالص لمساعدتك في اختيار الخلفية المناسبة.

لماذا يستخدم Color Math نظام HSL بدلًا من HSV أو HSB؟

يتوافق HSL (درجة اللون، التشبع، الإضاءة) بشكل أفضل مع الطريقة التي يعرّف بها CSS الألوان وكيفية تفكير المصممين في الألوان الفاتحة والداكنة. تعطي الإضاءة 50% في HSL النسخة الأكثر نقاءً لدرجة اللون، مما يُسهّل إنشاء متغيرات أفتح أو أغمق بتعديل قيمة واحدة فقط.

هل يحفظ Color Math ألواني في مكان ما؟

يحفظ Color Math ألوانك فقط في localStorage المتصفح — لا يُرسلها أبدًا إلى أي خادم. السجل محلي على جهازك وملف تعريف المتصفح. مسح بيانات المتصفح سيحذف هذا السجل.

كيف يعمل مولّد لوحة الألوان؟

يحسب Color Math ألوان اللوحة باستخدام نظرية ألوان HSL. الألوان المكملة تقع على مسافة 180° في دائرة الألوان. الألوان المتجاورة تقع عند ±30°. الألوان الثلاثية تقع عند +120° و+240°. يبقى التشبع والإضاءة مطابقَين للون الأصلي لتحقيق تناسق بصري في اللوحة.

هل يمكنني استخدام Color Math على الهاتف المحمول؟

نعم. Color Math متجاوب بالكامل. تتكيف أشرطة التمرير وحقول الإدخال وشبكة لوحة الألوان مع الشاشات الصغيرة. جميع الحسابات محلية لذا لا يوجد أي تأخر على شبكات الهاتف المحمول.

ابدأ مع Color Math الآن

حوّل الألوان وقارنها واحفظها بأداة مصممة للدقة. Color Math مجاني وسريع ويعمل كاملًا في متصفحك.

لا يلزم التسجيل. يعمل دون اتصال بعد التحميل الأول.