ما هو محول الألوان؟
محول الألوان هو أداة تأخذ لونًا واحدًا مكتوبًا في بناء جملة واحد وتعيد التعبير عنه في كل بناء جملة آخر مرة واحدة. الصق رمزًا سداسيًا عشوائيًا مثل #4466EE وستحصل على الفور على مكافئاته rgb() وhsl() وhwb() وcmyk()، بالإضافة إلى أقرب كلمة رئيسية ملونة لـ CSS. فهو يزيل الحساب اليدوي لتقسيم الأزواج السداسية، وقياس القنوات، وحساب اللون والتشبع يدويًا.
تتوقع أجزاء مختلفة من المشروع تنسيقات ألوان مختلفة. تعرض المتصفحات كل شيء على شكل RGB، ويصل مؤلفو CSS إلى HSL لأن الخفة من السهل دفعها عند التمرير، وتحتاج سير عمل الطباعة إلى CMYK، وغالبًا ما تصل عمليات تسليم التصميم على شكل HEX. يحافظ المحول على لون مصدر واحد متسقًا عبر كل منها، وبالتالي فإن اللون الأزرق في ورقة الأنماط الخاصة بك هو نفس اللون الأزرق في دليل علامتك التجارية ونفس اللون الأزرق الذي يتلقاه بائع الطباعة الخاص بك. كما أنه يقبل أسماء ألوان CSS مثل rebeccapurple ويترجمها إلى قيم رقمية قابلة للنسخ.
يعمل هذا المحول بالكامل في متصفحك. يتم تحليل اللون الذي تلصقه وتحويله باستخدام JavaScript من جانب العميل ولا يترك جهازك أبدًا، لذلك لا يوجد تحميل ولا حساب ولا تتبع لما تقوم بتحويله. يعمل دون اتصال بالإنترنت بمجرد تحميل الصفحة، ويتعامل مع صيغ الألوان HEX المكونة من 3 و6 و8 أرقام والفاصلة والمسافة، ويحافظ على قناة ألفا من خلال إخراج RGBA وHSLA وHEXA المكون من 8 أرقام.
لاستخدامه كمحول ألوان سداسي عشري إلى CMYK، اكتب #1E90FF وانقر فوق تحويل: يقرأ صف CMYK cmyk (88%، 44%، 0%، 0%)، وصف RGB rgb (30، 144، 255)، و تطابق اسم CSS هو dodgerblue. كمحول ألوان CMYK إلى سداسي عشري، يُرجع cmyk (88، 44، 0، 0) #1F8FFF، خطوة واحدة من الأصل في قناتين، لأن CMYK يظهر بنسب مئوية كاملة. بالنسبة لمحول الألوان السداسي إلى RGBA، أضف زوج ألفا: #1E90FF80 يعطي rgba (30، 144، 255، 0.5).
CMYK هو التحويل للتعامل بحذر. على عكس HEX وRGB وHSL وHWB، والتي تعد جميعها أوصافًا دقيقة لنفس لون sRGB ويتم تحويلها فيما بينها دون فقدان البيانات، يصف CMYK الحبر على الورق ويعتمد على المطبعة ومخزون الورق وملف تعريف الألوان المستخدم. التحويل هنا هو التقريب القياسي المستقل عن الجهاز، وهو أمر جيد بالنسبة لفكرة تقريبية وليس بديلاً عن التحويل المحدد في برنامج ما قبل الطباعة. توقع أن تكون ألوان الشاشة المشبعة، وخاصة اللون الأزرق والأخضر الساطع، غير قابلة للوصول في الطباعة: فهي تقع خارج نطاق CMYK تمامًا وستعود باهتة مما تبدو عليه.
كيفية استخدام محول الألوان؟
أدخل اللون
اكتب أو الصق أي لون: رمز HEX (#4466EE أو #46E)، أو قيمة rgb()/rgba()، أو قيمة hsl()/hsla()، أو hwb()، أو cmyk()، أو اسم لون CSS مثل المرجان، ثم انقر فوق تحويل.
قراءة كل تنسيق
تعرض الأداة HEX وHEXA وRGB وRGBA وHSL وHSLA وHWB وCMYK، بالإضافة إلى اسم لون CSS المطابق الدقيق أو الأقرب.
اضبط ألفا إذا لزم الأمر
قم بتضمين قيمة ألفا في مدخلاتك (rgba(...) أو HEX مكون من 8 أرقام) ويحمل المحول العتامة إلى كل تنسيق مدرك لألفا.
انسخ التنسيق الذي تحتاجه
انقر فوق زر النسخ الموجود بجوار أي صف إخراج لنسخ تلك السلسلة بالضبط إلى الحافظة الخاصة بك، وتكون جاهزة للصقها في CSS، أو أداة تصميم، أو مواصفات طباعة.
الميزات الرئيسية
كل تنسيق في وقت واحد
ينتج أحد المدخلات HEX وHEXA وRGB وRGBA وHSL وHSLA وHWB وCMYK في وقت واحد، لذلك لا يمكنك التحويل مرتين أبدًا.
مطابقة اسم CSS
يكتشف كلمة أساسية ملونة CSS دقيقة عند وجودها ويظهر دائمًا أقرب لون مسمى كمرجع.
ألفا محفوظة
تتدفق الشفافية من rgba() أو HEX المكون من 8 أرقام إلى كل تنسيق إخراج مدرك لألفا دون تغيير.
مدخلات متسامحة
يقبل HEX المكون من 3 و4 و6 و8 أرقام، وفواصل الفاصلة أو المسافة، وقنوات النسبة المئوية، وبناء جملة slash-alpha الحديث.
Frequently Asked Questions
Related Tools
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats
Color Shades Generator
Generate tints, shades, and tones from any base color
CSS Filter Generator
Apply blur, brightness, contrast, grayscale, sepia, hue-rotate and more with live sliders and a preview, then copy production-ready CSS filter code.
Comments
0 comments
No comments yet. Be the first to share your thoughts!