Color Converter
HEX RGB HSL conversion
HEX RGB HSL conversion يعمل محليا في المتصفح الخاص بك
#2563eb
rgb(37, 99, 235)
hsl(221, 83%, 53%)
About the
يقوم محول الألوان بترجمة لون واحد بين HEX وRGB وHSL وHSV، ويعرض نسبة تباين WCAG مقابل الأسود والأبيض حتى تتمكن على الفور من معرفة ما إذا كان النص بهذا اللون قابلاً للقراءة. HEX وRGB هما التنسيقان اللذان تنسخهما بين الأدوات، لكن HSL هو التنسيق المفيد بالفعل لأعمال التصميم: فهو يفصل بين اللون والخفة، بحيث يمكنك إنتاج صبغة أو ظل يحافظ على نفس اللون بدلاً من الانجراف نحو اللون الرمادي كما تفعل رياضيات RGB الساذجة. تحمل القيم السداسية والقيم rgba المكونة من ثمانية أرقام قناة ألفا، ويتعامل المحول معها أيضًا.
Where people use the
- تحويل القيمة السداسية للعلامة التجارية إلى صيغة rgb التي تتوقعها أداة التصميم.
- إنتاج مجموعة متسقة من الظلال من لون علامة تجارية واحدة باستخدام HSL.
- التحقق مما إذا كان لون الارتباط قابلاً للقراءة على خلفية داكنة.
- مطابقة اللون المختار من لقطة الشاشة إلى أقرب قيمة سداسية عشرية.
How to use the
- 1
أدخل اللون بأي تنسيق
الصق قيمة سداسية مثل 2f6fed، أو دالة rgb أو hsl، أو استخدم المنتقي. يتم تحديث التنسيقات الأخرى أثناء الكتابة.
- 2
قراءة جميع التمثيلات في وقت واحد
يتم عرض Hex وRGB وHSL وHSV معًا مع فصل قناة ألفا.
- 3
التحقق من نسب التباين
تخبرك النسب مقابل الأسود والأبيض ما إذا كان اللون قابلاً للاستخدام كلون نص أو خلفية. يحتاج النص الأساسي إلى 4.5 إلى 1، والنص الكبير وحدود الواجهة تحتاج إلى 3 إلى 1.
- 4
انسخ النموذج الذي يحتاجه الكود الخاص بك
يحتوي كل حقل على زر نسخ خاص به، بحيث تحصل على الصيغة الدقيقة التي تتوقعها ورقة الأنماط الخاصة بك بدلاً من إعادة التنسيق يدويًا.
النصائح وأفضل الممارسات
- اضبط الإضاءة في HSL بدلاً من إضافة اللون الأبيض أو الأسود في RGB؛ يظل اللون سليما.
- اختبر التباين عند أصغر حجم سيتم استخدام النص فيه بالفعل، وليس عند حجم العنوان.
- احتفظ بلوحة موثقة مكونة من خمس أو ست قيم بدلاً من اختراع لوحة جديدة لكل مكون.
الأسئلة المتداولة
كيف يتم تحويل اللون السداسي إلى RGB؟
كل زوج من الأرقام السداسية هو قناة واحدة، تُقرأ كقاعدة 16. في 2f6fed، 2f يساوي 47 أحمر، و6f يساوي 111 أخضر، وed يساوي 237 أزرق. الاختصار المكون من ثلاثة أرقام مثل f0a يضاعف كل رقم، لذلك يصبح ff00aa.
لماذا لا تختلف خفة HSL عن السطوع المتصور؟
لأن العين أكثر حساسية للأخضر من اللون الأزرق. يمكن أن يتشارك اللون الأزرق النقي والأصفر النقي في قيمة الخفة بينما يبدو اللون الأصفر أكثر سطوعًا. ولهذا السبب يجب قياس التباين باستخدام معادلة النصوع بدلاً من الحكم عليه من خلال رقم HSL.
ماذا يعني الزوج الرابع من الأرقام باللون السداسي؟
ألفا، من 00 شفاف تمامًا إلى ff معتم تمامًا. يتم دعم الرقم السداسي المكون من ثمانية أرقام في جميع المتصفحات الحالية وهو يعادل الرقم السداسي rgba.
هل تحويل CMYK دقيق للطباعة؟
لا، ولا يمكن لأي أداة متصفح أن تكون كذلك. يعتمد CMYK على الحبر والورق وملف تعريف الطابعة. استخدم هذه القيمة كنقطة بداية وقم بالتحويل من خلال ملف تعريف ICC لمورد الطباعة الخاص بك إلى أي شيء مهم.
كيف يمكنني اختيار نص قابل للقراءة لخلفية ملونة؟
قارن نسبة التباين بين لون النص والخلفية. إذا لم يصل اللون الأسود أو الأبيض إلى 4.5 إلى 1، تكون الخلفية مشبعة جدًا بحيث لا تتناسب مع النص الأساسي ويجب تغميقها أو تفتيحها قبل استخدامها خلف النسخة.
لماذا يبدو الشكل السداسي نفسه مختلفًا على شاشتين؟
لأن شاشات العرض تختلف في النطاق والمعايرة والسطوع. تعرض الشاشة ذات النطاق الواسع ألوانًا مشبعة لا تستطيع لوحة sRGB القياسية إعادة إنتاجها. اعمل في sRGB ما لم يكن لديك سبب محدد لعدم القيام بذلك.