ColorDojo: أداة القطّارة ومنتقي الألوان

إضافة قطّارة ومنتقي ألوان: التقط ألوان الشاشة بخصوصية، انسخ OKLCH، طابق Tailwind v4، وافحص التباين.

olorDojo إضافة خاصة للقطّارة ومنتقي الألوان للمطوّرين الذين يحتاجون OKLCH ومطابقات Tailwind وفاحص تباين، من دون وصول دائم إلى كل المواقع. التقط بكسلًا، انسخ القيمة، وتابع عملك. التقط مرة واحدة وانسخ بالصيغة التي تستخدمها اختر أي بكسل على الشاشة بقطّارة Chromium الأصلية. يعرض ColorDojo قيم hex وRGB وHSL وHSV وOKLCH وDisplay P3، إضافة إلى أقرب لون CSS مسمّى، وينسخ صيغتك الافتراضية تلقائيًا عند تفعيل النسخ التلقائي. وبوصفه منتقي ألوان rgba يحافظ على قناة الشفافية للألوان الملصوقة والمستوردة: hex من 8 خانات أو rgb() مع ألفا، بصيغة الشرطة المائلة الحديثة أو الفواصل التقليدية. اختصار Alt+Shift+P يضع الالتقاط تحت لوحة المفاتيح، وتتحول شارة شريط الأدوات إلى نقطة بلون آخر التقاط. عدّل القنوات قبل الاعتماد اللون قريب من المطلوب؟ تبويب Edit منتقي ألوان HSL بمنزلقات: عدّل قنوات RGB أو HSL أو HSV وراقب مقارنة "Selected vs new" أثناء السحب ثم طبّق. تتبع الصيغُ ورمزُ Tailwind وفحوصُ التباين اللونَ المطبّق. قطّارة لماك وويندوز ولينكس تتولى قطّارة Chrome الأصلية الالتقاط من الشاشة حيث يوفّرها Chromium. وحيث لا تتوفر، تتولى العدسة داخل الصفحة المهمة: تكبير 16x يلتقط بكسلًا واحدًا، أو يحسب متوسط كتل 3x3 أو 5x5 أو 11x11 أو 25x25، أو متوسط أي منطقة تسحبها. لا تعمل العدسة إلا على الصفحة النشطة وبعد نقرتك فقط. ابقَ داخل نظام التصميم يُقارن كل التقاط محليًا مع لوحة Tailwind CSS v4 المضمّنة. يعرض ColorDojo أقرب رمز، والفارق الإدراكي، وعينات متجاورة، وأزرار نسخ لصيغتي `blue-600` و`var(--color-blue-600)`. هذا نصف منتقي ألوان Tailwind؛ ويضيف استخراجُ السمات مولّدَ ألوان Tailwind يكتب كتلة @theme كاملة من الصفحة المعروضة. افحص التباين قبل التدقيق يعرض فاحص تباين WCAG المدمج النسب مقابل الأبيض والأسود لحظة الالتقاط. قارن اللون النشط بلون من السجل لفحوص WCAG 2.2 (AA والنص الكبير وAAA)، وقيمة APCA Lc الاسترشادية، واقتراح إضاءة قريبة عندما لا يجتاز النص العادي AA. استخرج الألوان التي تستخدمها الصفحة فعلًا يعمل استخراج السمات على الصفحة النشطة فقط. يجمع ColorDojo بين خصائص CSS المخصّصة المتاحة وعيّنة من الأنماط المحسوبة، ويجمّع الألوان شبه المكررة في لوحة OKLCH، ثم يصدّرها كمتغيرات CSS أو كتلة @theme لـ Tailwind v4 أو JSON بمعيار W3C Design Tokens بمكوّنات OKLCH أو قائمة نصية بالصيغة التي تختارها. حوّل HEX إلى OKLCH من دون تبويب إضافي ألصق #ef4444 أو hsl(0 84% 60%) أو cmyk(0 72 72 6) أو oklch(60% 0.2 30) في مستورد اللوحات، وانسخ كل مدخل بالصيغة التي تحتاجها: hex إلى OKLCH، أو OKLCH إلى hex، أو HSL إلى OKLCH — من دون اتصال وداخل النافذة المنبثقة. لا قناة لبيانات التصفح لا يملك ColorDojo إذن وصول لكل المواقع ولا سكربت محتوى دائمًا. يستخدم الفحص والاستخراج إذن activeTab المؤقت من Chrome بعد نقرتك فقط. لا يرسل الامتداد أي طلبات شبكة أثناء التشغيل؛ ويبقى السجل واللوحات في تخزين Chrome. في المرة القادمة التي يلفت فيها بكسلٌ نظرك، اضغط Alt+Shift+P وخذ لونه مباشرة إلى شيفرتك.