محوّل الألوان
أدخل قيمة لون بصيغة HEX أو RGB أو HSL وشاهدها محوّلة فوراً إلى جميع الصيغ الأخرى. تتم جميع المعالجات محلياً في متصفحك.
أدخل HEX (#rrggbb)، أو RGB (rgb(r,g,b))، أو HSL (hsl(h,s%,l%)) - أو استخدم منتقي الألوان.
تم النسخ!
التباين مع خلفيات بسيطة
على أبيض
على أسود
حول تنسيقات الألوان
- HEX -
#rrggbb، أكثر تنسيقات ألوان CSS شيوعاً. - RGB -
rgb(r, g, b)، كل قناة من 0 إلى 255. - HSL -
hsl(h, s%, l%)، درجة اللون 0-360°، التشبع والإضاءة 0-100%.
يُقبل كل ما يفهمه المتصفح، بما في ذلك اسم مثل rebeccapurple، وست عشري من ثمانية أرقام بالشفافية، والصيغة المفصولة بمسافات مع شرطة مائلة قبل الشفافية التي تستعملها CSS الحالية. وتتبع أرقام التباين صيغة WCAG للإضاءة النسبية، فنسبة 4.5 هي عتبة نص المتن العادي عند المستوى AA و7 هي العتبة عند AAA. وتُحسب هذه الأرقام مقابل اللون المعتم، لأن اللون شبه الشفاف لا تباين ثابت له حتى تعرف ما وراءه.
أدوات ذات صلة
هل تعاندك الشيفرة؟
الكيانات المهروبة والترميزات المشوّهة والمحتوى الذي يظهر في نظام الإدارة بصورة وعلى الصفحة بصورة أخرى تعني عادةً أن شيئاً في المسار يخمّن. نحن نبني الواجهات الأمامية ومسار النشر خلفها، ليرى الزائر ما كتبته أنت.
تحدث إلينا عن موقعكالأسئلة الشائعة
أي صيغ الألوان أستطيع لصقها؟
ست عشري من ثلاثة أو أربعة أو ستة أو ثمانية أرقام، وrgb وrgba، وhsl وhsla، وhwb، وأي اسم لون في CSS. وتُقبل صيغة الفواصل والصيغة الحديثة المفصولة بمسافات مع شرطة مائلة قبل الشفافية، فتستطيع اللصق مباشرةً من ورقة أنماط.
كيف تُعالَج الشفافية؟
تنجو قناة الشفافية من التحويل، فيعود ست عشري من ثمانية أرقام بصيغة rgba وتعرض المعاينة رقعة شطرنج خلفه. ولا تُكتب الشفافية في الناتج إلا حين تكون فعلاً أقل من معتمة تماماً، ما لم تطلبها دائماً.
ماذا تعني أرقام التباين؟
هي نسبة تباين WCAG بين هذا اللون وخلفية بيضاء أو سوداء بسيطة. ويحتاج نص المتن العادي إلى 4.5 لاجتياز المستوى AA وإلى 7 لاجتياز AAA؛ وللنص الكبير عتبة أدنى. والنسبة دون 3 صعبة القراءة على معظم الناس بأي حجم.
لماذا يُحسب التباين دون الشفافية؟
لأن اللون شبه الشفاف لا تباين ثابت له. فما يراه القارئ فعلاً يعتمد على ما يقع خلفه، لذا تستعمل الأرقام اللون المعتم. وإن كان نصك شبه شفاف حقاً فاحسب اللون الممزوج أولاً وافحصه.
ما الفرق بين HSL وHWB؟
كلاهما ينطلق من زاوية التدرج نفسها. فـHSL يصف اللون بمقدار تشبعه وإضاءته، وهو الزوج الذي تعرضه معظم الأدوات. أما HWB فيصفه بمقدار الأبيض والأسود الممزوجين فيه، وهو أقرب إلى طريقة خلط الناس للطلاء وأسهل في بناء سلم درجات.