كيف يعمل
يعطي إدخال اللون الأصلي قيمة sRGB كسلسلة سداسية عشرية مكونة من ستة أرقام. يتم تحليل القنوات إلى النظام العشري لثلاثية RGB، ويتم كتابة خاصية CSS المخصصة بالتركيب الدقيق الذي تتوقعه ورقة الأنماط.
- يستخدم إدخال اللون الأصلي، لذلك فهو يعمل مع قطارة النظام حيث يدعمها المتصفح.
لماذا يهم
تعيش اللوحة في Figma وCSS ورسائل البريد الإلكتروني وأحيانًا اللوحة القماشية. تمثل كل خطوة ترجمة فرصة للصق التنسيق الخاطئ، لذا فإن نسخ HEX وRGB والخاصية المخصصة معًا يزيل فئة من الأخطاء التي يمكن تجنبها.
مثال عملي
يؤدي اختيار #635BFF إلى الحصول على rgb(99, 91, 255) وخاصية CSS المخصصة --color: #635BFF، والتي يمكن إسقاطها في ورقة أنماط والإشارة إليها في كل مكان بدلاً من تكرار الكود السداسي.
الأخطاء الشائعة
- اختيار اللون والخلفية بشكل منفصل دون التحقق من التباين.
- الاعتماد على اللون وحده للإشارة إلى الحالة.
- نسيان متغيرات التمرير والتركيز.
نصائح عملية
اختر المقياس المحايد أولًا، ثم اللهجة. من الأسهل الحفاظ على لون مميز واحد بالإضافة إلى ثلاثة ألوان محايدة عبر السمات الفاتحة والداكنة مقارنة بلوحة أكبر.
كيفية استخدامه
- افتح الأداة. كل شيء يعمل في علامة تبويب المتصفح الخاص بك.
- الصق إدخالك أو اكتبه، ثم اختر الإجراء الذي تحتاجه.
- التحقق من النتيجة ونسخها بنقرة واحدة.
الأسئلة الشائعة
هل يمكنني اختيار لون من الشاشة؟
حيث يدعم المتصفح الشافطة الأصلية، نعم. بخلاف ذلك، استخدم حامل إدخال اللون.
ما هي التنسيقات التي يتم إخراجها؟
HEX، خاصية RGB ثلاثية وخاصية CSS مخصصة يمكنك لصقها في ورقة أنماط.
هل تم حفظ اللون المختار؟
لا، القيمة موجودة فقط في الصفحة حتى تقوم بإغلاقها.
هل هذه الأداة مجانية حقا؟
نعم. لا يوجد حساب ولا يوجد نظام حظر الاشتراك غير المدفوع ولا يوجد حد للاستخدام. يتم تمويل تطبيق Tools بواسطة aumenso، الاستوديو الذي يقف وراءه.
هل تم تحميل أي شيء أقوم بإدخاله؟
لا، تعمل الأداة في علامة تبويب المتصفح الخاص بك؛ ما تدخله لا يتم إرساله إلينا ولا يتم تخزينه أبدًا.