تخطي إلى المحتوى
Tintcask: أداة اختيار الألوان ولوحة الألوان

Tintcask: أداة اختيار الألوان ولوحة الألوان

قطّارة ألوان وفحص التباين ولوحات ألوان

Works offline · Your data stays in your browser · Chrome · Edge · Firefox

/ لقطات الشاشة

Tintcask: أداة اختيار الألوان ولوحة الألوان — لقطة شاشة 1
Tintcask: أداة اختيار الألوان ولوحة الألوان — لقطة شاشة 2
Tintcask: أداة اختيار الألوان ولوحة الألوان — لقطة شاشة 3
Tintcask: أداة اختيار الألوان ولوحة الألوان — لقطة الشاشة 4
Tintcask: أداة اختيار الألوان ولوحة الألوان — لقطة الشاشة 5

/ نبذة عن Tintcask: Color Picker & Palette

Tintcask هو أداة لاختيار الألوان و"قطارة الألوان" مخصصة لصفحات الويب، وتقوم بحفظ كل لون تختاره. انقر على زر شريط الأدوات أو اضغط على Alt+Shift+C، ثم حرك العدسة المكبرة فوق الصفحة وانقر على أي بكسل مرئي.

احصل على الرمز بالصيغة التي تريدها: HEX أو RGB أو HSL أو OKLCH، وانسخه بنقرة واحدة.

تحقق من سهولة القراءة قبل النشر. يُظهر أداة فحص التباين وفقًا لمعايير WCAG 2.2 مستويات AA وAAA للنص العادي والنص الكبير، ويقترح أقرب لون نص يستوفي المعايير.

تساعدك ميزات «السجل» و«لوحات الألوان المسماة» و«التدرجات اللونية» و«تصدير CSS» على تنظيم ألوانك. ويتم تخزين كل شيء في متصفحك.

ما هي وظيفته؟

  • اختر أي بكسل مرئي باستخدام عدسة مكبرة بحجم 15×15؛ استخدم مفاتيح الأسهم لتحريكه بمقدار 1 بكسل، واضغط على مفتاح Esc للإلغاء.
  • انسخ القيم بتنسيق HEX أو RGB أو HSL أو OKLCH بنقرة واحدة.
  • اكتب أو الصق أي لون CSS وقم بضبطه بدقة باستخدام أشرطة التمرير في OKLCH.
  • تحقق من تباين النص مع الخلفية وفقًا لمعايير WCAG 2.2 من المستويين AA وAAA، بالنسبة للنص العادي والنص الكبير.
  • احصل على لون النص المار الأقرب عند فشل الزوج.
  • اطلع على جميع الألوان المستخدمة في كل صفحة للنصوص والخلفيات والحدود، مرتبة حسب تكرار استخدامها.
  • احتفظ بآخر 200 لون تم اختيارها في سجل الألوان.
  • يمكنك إنشاء ما يصل إلى 100 لوحة ألوان مسماة بأدوار مثل النص والخلفية واللون المميز.
  • قم بإنشاء تدرجات لونية خطية أو نصف قطرية تضم ما يصل إلى 8 نقاط، ثم انسخ كود CSS.
  • تصدير لوحة الألوان كخصائص CSS مخصصة أو بتنسيق JSON، وإجراء نسخ احتياطي لكل شيء أو استعادته.

البكسل المختار هو اللون الذي رسمه المتصفح على الشاشة، لذا لا يدعي Tintcask أبدًا أنه يعرف كود CSS الأصلي وراءه. ولا يمكن لأي ملحق قراءة صفحات المتصفح المدمجة أو متاجر الإضافات.

16 لغة، وسمات فاتحة وداكنة، والتحكم الكامل عبر لوحة المفاتيح.

يعمل دون اتصال بالإنترنت. وتبقى بياناتك مخزنة في متصفحك.

الأذونات: يتيح «activeTab» لـ Tintcask قراءة علامة التبويب التي تنقر عليها فقط، وعندما تطلب ذلك فقط؛ ويستخدم «scripting» لرسم العدسة المكبرة على تلك الصفحة؛ ويحفظ «storage» سجل التصفح ولوحات الألوان على جهازك؛ أما إذن «clipboard» الاختياري فيُستخدم فقط لنسخ الألوان.

/ ملاحظات

اختر لونًا لصفحة معروضة، ثم احفظه في لوحة ألوان مسماة أو انسخ قيمته بتنسيق HEX أو RGB أو HSL أو OKLCH. تساعد أداة فحص التباين على مقارنة تركيبات النص والخلفية قبل تصدير ملف CSS.

يتم حفظ سجل التصفح ولوحات الألوان في ملف تعريف المتصفح هذا. تعكس البكسل التي تم أخذ عينة منها ما يرسمه المتصفح، وليس بالضرورة لون CSS الأصلي. تقيّد صفحات إعدادات المتصفح ومتاجر الإضافات وصول الملحقات.

// احصل على التطبيق

جرّب Tintcask: Color Picker & Palette اليوم.