DukoTools

Color Picker & Converter

جديدشائع

اختر الألوان وحول HEX وRGB وRGBA وHSL وHSLA مع مدقق التباين.

مجاني للأبد
بدون تسجيل
لا يخزن ملفات
HEX#2EA8E6
RGBrgb(46, 168, 230)
RGBArgba(46, 168, 230, 1.00)
HSLhsl(200, 79%, 54%)
HSLAhsla(200, 79%, 54%, 1.00)

الألوان الأخيرة

مدقق التباين

الجمل الأصفر يجلس على الرمل في الصحراء الواسعة.

نسبة التباين: 21.00:1

AA ناجحAAA ناجح

أدوات مشابهة

CSS Gradient Generator

developer

Build linear, radial, and conic gradients with presets and copy-ready CSS output.

Try it free

HTML CSS JS Minifier

developer

Minify HTML, CSS, and JavaScript instantly with size savings stats.

Try it free

Base64 Encoder Decoder

developer

Encode and decode text/files to Base64 with drag-and-drop support.

Try it free

تضمين هذه الأداة

أضف هذه الأداة إلى موقعك أو مدونتك باستخدام iframe.

<iframe src="https://dukotools.com/tools/color-picker?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="color-picker tool"></iframe>

About Color Picker & Converter

يوفر Color Picker & Converter سير عمل يعتمد على تحديد الألوان مع التحويل المباشر بين تنسيقات HEX وRGB وRGBA وHSL وHSLA. وهو يدعم تفاعلات الماوس واللمس من خلال لوحة تشبع السطوع وشريط تمرير اللون، مما يجعله عمليًا على سطح المكتب والهاتف المحمول. يتم تخزين الألوان الحديثة في localStorage حتى يتمكن المصممون والمطورون من إعادة زيارة اللوحات عبر الجلسات. يقوم مدقق التباين بحساب نسبة WCAG وحالة النجاح/الفشل لأهداف AA وAAA. وهذا يجعل الأداة ذات قيمة لتصميم واجهة المستخدم، وعمليات تدقيق إمكانية الوصول، وتسليم تنفيذ الواجهة الأمامية.

الميزات الرئيسية

  • تفاعل منتقي القماش

    حدد التشبع والسطوع على لوحة مرئية لاستكشاف الألوان بسهولة.

  • ضوابط هوى وألفا

    اضبط درجة اللون والشفافية بشكل منفصل لضبط النمط بدقة.

  • تحويل متعدد التنسيقات

    قراءة ونسخ تمثيلات HEX وRGB وRGBA وHSL وHSLA على الفور.

  • تحليل الإدخال

    قم بلصق القيم النصية HEX أو RGB أو HSL وانتقل إلى حالة المنتقي إلى اللون المطابق.

  • ذاكرة اللون الأخيرة

    يحتفظ بأحدث 10 ألوان في مساحة تخزين المتصفح لإعادة استخدام اللوحة بسرعة.

  • مدقق التباين WCAG

    نسبة الحساب وحالة AA/AAA لمجموعات الألوان الأمامية والخلفية.

كيفية الاستخدام

  1. 1

    اختر اللون الأساسي على القماش

    استخدم اللمس أو الماوس لضبط التشبع والسطوع بصريًا.

  2. 2

    ضبط هوى وألفا

    ضبط مجموعة الألوان والشفافية باستخدام عناصر التحكم في النطاق.

  3. 3

    انسخ التنسيق المطلوب

    اختر مخرجات HEX أو RGB أو RGBA أو HSL أو HSLA وانسخها بنقرة واحدة.

  4. 4

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

    أدخل قيم المقدمة والخلفية لتقييم امتثال WCAG.

  5. 5

    حفظ المفضلة

    استخدم ذاكرة الألوان الحديثة لإعادة تطبيق ألوان اللوحة عبر الجلسات.

حالات الاستخدام في العالم الحقيقي

تسليم التصميم

يقوم المصمم بمشاركة الرموز المميزة لـ HSLA وHEX مع هندسة الواجهة الأمامية للتنفيذ.

إمكانية الوصول ضمان الجودة

يقوم متخصص ضمان الجودة بالتحقق من صحة مجموعات النص والخلفية وفقًا لمعايير AA وAAA.

تكرار لوحة العلامة التجارية

يستكشف أحد المسوقين الظلال ويعيد استخدام الألوان الحديثة بسرعة لأصول الحملة.

الأسئلة المتداولة

Related Free Tools

Explore these tools that work great alongside Color Picker & Converter:

CSS Gradient Generator

Build linear, radial, and conic gradients with presets and copy-ready CSS output.

HTML CSS JS Minifier

Minify HTML, CSS, and JavaScript instantly with size savings stats.

Base64 Encoder Decoder

Encode and decode text/files to Base64 with drag-and-drop support.