منتقي الألوان المجاني مع لوحات الألوان
يتيح لك منتقي الألوان المجاني هذا اختيار لون باستخدام عنصر التحكم في الألوان في متصفحك أو كتابة رمز HEX، ثم يعرض قيم HEX و RGB و HSL الخاصة به، ومدى قابلية قراءة النص الأبيض والأسود عليه، ولوحات عينات من الظلال والدرجات واللون المتكامل والمجموعة الثلاثية. وهو مناسب للمصممين والمطورين والمسوقين الذين يختارون ألوان العلامة التجارية لموقع أو إعلان أو شعار.
Color Picker
Generators and Converters
عن هذه الأداة
تأتي رموز الألوان بعدة أشكال. HEX، مثل #2563eb، هو الأكثر شيوعًا على الويب. يعطي RGB كمية الأحمر والأخضر والأزرق من 0 إلى 255، و HSL يصف الصبغة بالدرجات، بالإضافة إلى التشبع والخفة بالنسبة المئوية، وهو أسهل في التعديل بالعين. يعرض المنتقي جميع الثلاثة للون نفسه حتى تتمكن من لصق أيهما تحتاج أداتك.
يتم بناء لوحات الألوان من اللون الذي تختاره. تخلط الظلال مع الأبيض والدرجات تخلط مع الأسود، مما يعطي نسخًا أفتح وأغمق للخلفيات والحدود وحالات التمرير. اللون المتكامل يقع في الاتجاه المعاكس على عجلة الألوان، والمجموعة الثلاثية تأخذ اللونين المتباعدين بمقدار ثلث العجلة، وهي نقطة انطلاق شائعة لمخطط متوازن.
تقارن أرقام التباين لونك مع النص الأبيض والأسود باستخدام صيغة WCAG. نسبة 4.5 إلى 1 أو أكثر هي الهدف المعتاد للنص الأساسي العادي. استخدم المنتقي الأصلي للاختيار السريع، أو محول الألوان عندما يكون لديك بالفعل رمز لترجمته. لا يتم تخزين أي شيء تختاره.
الأسئلة الشائعة
ما الفرق بين HEX و RGB و HSL؟
تصف جميعها اللون نفسه بطرق مختلفة. HEX هو رمز سداسي الأرقام لاستخدام الويب، يسرد RGB قيم الأحمر والأخضر والأزرق من 0 إلى 255، و HSL يعطي الصبغة والتشبع والخفة، مما يجعل من السهل إنشاء متغيرات أفتح أو أغمق بتغيير رقم واحد.
ما الظلال والدرجات؟
الظل هو اللون المخلوط مع الأبيض، لذا يبدو أفتح، والدرجة هي اللون المخلوط مع الأسود، لذا يبدو أغمق. معًا يعطيان نطاقًا جاهزًا من نفس اللون للخلفيات والحدود والأزرار وحالات التمرير.
ما اللون المتكامل أو الثلاثي؟
اللون المتكامل هو الذي يقع مباشرة في الاتجاه المعاكس لك على عجلة الألوان ويعطي أقوى تباين. تستخدم لوحة ثلاثية لونك بالإضافة إلى لونين آخرين متباعدين بالتساوي حول العجلة. كلاهما نقطة انطلاق، لذا اضبط الخفة والتشبع حتى تناسب النتيجة علامتك التجارية.
ما نسبة التباين التي يجب أن يكون عليها النص؟
يطلب WCAG ما لا يقل عن 4.5 إلى 1 للنص العادي و 3 إلى 1 للنص الكبير لتحقيق المستوى AA. يعرض المنتقي النسبة للنص الأبيض والأسود على لونك حتى تتمكن من اختيار النص المقروء.