03
التباين
WCAG AA & AAA
قم بتوصيل أي لونين. احصل على النسبة. اجتياز / فشل للنص الجسدي والنص الكبير.
HTMLColorCodes.com runs banner ads against your visit and ranks for "color picker" with a static page. Coolors gates the meaningful exports behind a $3-$5/month plan. Adobe Color needs a Creative Cloud account. The other dozen tools have you upload an image to extract a palette — for a problem the browser already solved with the eyedropper API. Morph picks colors visually, converts between HEX, RGB, HSL, CMYK, generates palettes (complementary, analogous, triadic, split, monochromatic), and runs WCAG contrast checks — all in your tab, no ads, no upload, no account. Free for everything that runs on your device; AI is paid in credits.
اكتب #FF5200 وشاهد RGB(255, 82, 0)، HSL(19, 100%, 50%)، CMYK(0, 68, 100, 0)، وأقرب لون مسمى CSS. انسخ أي تنسيق بنقرة واحدة. عدّل أي حقل، تبقى الحقول الأخرى مُزامنة.
متكامل، مماثل، ثلاثي، متكامل مُنفصل، أحادي اللون، رباعي. اختر الأساس، واحصل على لوحة ألوان قابلة للاستخدام في خمسة ألوان.
قم بتوصيل أي لونين. احصل على النسبة. اجتياز / فشل للنص الجسدي والنص الكبير.
واجهة EyeDropper على Chrome / Edge. استخدم أي لون في أي مكان على الشاشة.
ثلاثة أنماط تهيمن على سوق محدد الألوان. أولاً: مواقع مغطاة بالإعلانات تتفوق على كل شيء بكونها قديمة، مليئة بالإعلانات المعلقة، وقليلة التفاعل — مثل HTMLColorCodes كمثال قياسي. ثانيًا: SaaS مدعومة بتمويل مخاطر مثل Coolors التي تمنع التصدير، ومولدات التدرج، وحفظ لوحة الألوان خلف اشتراك شهري بسعر 3-5 دولارات لا تحتاجه لوظيفة يوفرها المتصفح بشكل مدمج. ثالثًا: Adobe Color من الفئة المؤسسية التي تتطلب حساب Creative Cloud لشيء يجب أن يكون مائة سطر من الشيفرة. Morph هو الإصدار الأولي محليًا، بدون حساب، مع جميع التنسيقات المضمنة. يحتوي المتصفح بالفعل على واجهة EyeDropper API وحقل لون؛ Morph يحيط بها بواجهة قابلة للاستخدام ويضيف الحسابات (CMYK، HSL، التباين، نظرية لوحة الألوان) التي يحتاجها كل مصمم.
لدى Coolors وAdobe Color مكتبات فاتحات مجتمعية — ملايين الفاتحات المحفوظة من قبل المستخدمين يمكنك تصفحها وإعادة استخدامها. إذا كان تدفق عملك يركز على الإلهام المُنظم من المجتمع، فإن محدد الألوان المستقل في Morph ليس السطح المناسب. Morph هو الرياضيات + التحويلات + مولد الفاتحات + فحص التباين — الأجزاء المحددة والقابلة للتكرار. الجزء "تصفح ملايين الفاتحات المُحفوظة" منتج مختلف، ولدى Coolors منتج قوي في هذا المجال.
نعم. أدخل أي رمز لون HEX وستظهر Morph على الفور القيم المقابلة لـ RGB و HSL و CMYK. يعمل في جميع الاتجاهات — اكتب في أي حقل وتنسق الحقول الأخرى تلقائيًا.
نعم. تُحسب Morph نسب التباين وفق معايير WCAG بين أي لونين وتُخبرك إذا كانت المجموعة تلبي معايير الوصولية من المستوى AA أو AAA للنص العادي والنص الكبير.
نعم. اختر لونًا أساسيًا وستقوم Morph بإنشاء ألوان متكاملة، متجاورة، ثلاثية، متكاملة مُنفصلة، أحادية اللون، وثنائية اللون بناءً على نظرية الألوان.
نعم على Chrome وEdge — يستخدم Morph واجهة برمجة التطبيقات EyeDropper الخاصة بالمتصفح. انقر على زر أداة أخذ اللون، ومرر الماوس على أي جزء من الشاشة، ثم انقر لاختيار اللون. لا تدعم Safari وFirefox حتى الآن هذه الواجهة؛ في هذه المتصفحات، يعود Morph إلى اختيار اللون من داخل سطح المحدد.
تبقى الألوان المحفوظة في التخزين المحلي على جهازك. لا تتم مزامنتها أبدًا مع خادم Morph. إذا حذفت التخزين المُخزن في المتصفح، فستختفي — ولا يحتفظ Morph بأي نسخة.