أدوات المطورين
محوّل الألوان
حوّل اللون بين HEX وRGB وHSL وHSV وCMYK وLab وLCH وOKLab وOKLCH بلصق أي صيغة، مع اسم CSS وتباين WCAG والتدرجات والتناسقات اللونية.
كيف تستخدم هذه الأداة
- 1
اكتب لونًا أو الصقه، أو استخدم المنتقي (والقطّارة إن وفّرها متصفحك).
- 2
انسخ الصيغة التي تحتاجها.
- 3
تحقق من التباين على الأبيض والأسود لنصوصك.
- 4
استكشف التدرجات والتناسقات ثم انقر على ما يعجبك.
مساعدة
- الصق اللون بأي صيغة (#1e90ff أو rgb(30 144 255) أو hsl(210 100% 56%) أو oklch(66% 0.19 250) أو cmyk(88%, 44%, 0%, 0%) أو dodgerblue): تُكتشف الصيغة وتظهر الصيغ الأخرى كلها، لكل منها زر نسخ.
- يتبع Lab وLCH تعريف CSS (النقطة البيضاء المرجعية D50)، أما OKLab وOKLCH فمجالان إدراكيان حديثان يفيدان في بناء تدرجات ولوحات منتظمة.
- CMYK تحويل رياضي بسيط وليس ملف طابعة: تختلف الألوان المطبوعة. واللون الخارج عن نطاق sRGB يُقرَّب إلى أقرب لون قابل للعرض.
- تُحسب نسبة تباين WCAG مقابل الأبيض والأسود مع عتبتي AA وAAA (للنص العادي والنص الكبير).
- تحافظ التدرجات على الصبغة مع إضاءة منتظمة، وتدوّر التناسقات (المتمم والثلاثي والمتجاور…) الصبغة. انقر على أي مربع لاعتماده لونًا جديدًا.
الأسئلة الشائعة
ما الفرق بين HSL وOKLCH؟
HSL بسيط لكنه مضلّل: قد يبدو لونان بالإضاءة HSL نفسها مختلفين جدًا في السطوع. أما OKLCH فمصمَّم لتكون الإضاءة المُدرَكة منتظمة، ما يعطي تدرجات ولوحات أفضل.
لماذا لا يطابق CMYK المعروض طابعتي؟
تعتمد قيم CMYK على الحبر والورق وملف ICC للطابعة. تجري الأداة تحويلًا نظريًا من RGB؛ وللطباعة اطلب التحويل من المطبعة.
أي تباين يجب أن أستهدف؟
تطلب WCAG ما لا يقل عن 4.5:1 للنص العادي و3:1 للنص الكبير (المستوى AA)، أو 7:1 و4.5:1 للمستوى AAA.
كتبه وراجعه فريق MaxyTools · آخر تحديث في
هل ساعدتك هذه الأداة؟
هل ساعدتك هذه الأداة؟ شاركها