Free AI Tools
تصفح فئات الأدوات

منتقي ألوان مجاني عبر الإنترنت: HEX وRGB وHSL

اختر لونًا بصريًا أو أدخل قيمة HEX، ثم اضبط RGB وHSL والتعتيم بدقة. عاين النتيجة وقارن الدرجات القريبة وانسخ رمز اللون الدقيق من دون تسجيل دخول.

اختر لونًا وعدّله

اللون الابتدائي: #0F766E. يحدّث كل تحكم صالح اختيارًا واحدًا من sRGB بعمق 8 بت.

يقبل #RGB أو #RRGGBB. تُتحكم العتامة على نحو منفصل.

قنوات RGB
قنوات HSL

معاينة الشفافية

#0F766E

معاينة النص المعتم

نص أبيض5.47:1
نص أسود3.84:1

نسخ قيم اللون

HSV مرجع للتصميم؛ أما الصفوف الأخرى فقيم جاهزة لـ CSS.

درجات ذات صلة

اختر لونًا فاتحًا أو داكنًا أو لونًا مكمّلًا.

محفوظ لعلامة التبويب هذه

حتى ثمانية ألوان؛ تؤدي إعادة التحميل إلى مسح المجموعة.

لا توجد ألوان محفوظة بعد.

كيفية اختيار لون عبر الإنترنت

الخطوة 1

اختر لونًا أو أدخله

استخدم المنتقي المرئي، أو طبّق رمز HEX صالحًا من ثلاثة أو ستة أرقام، أو اختر عينة سريعة، أو شغّل EyeDropper للشاشة إذا كان متصفحك يدعمه.

الخطوة 2

اضبط RGB وHSL والتعتيم بدقة

عدّل قنوات الأحمر والأخضر والأزرق أو غيّر التدرج والتشبع والإضاءة والتعتيم. يحافظ كل عنصر تحكم صالح على تزامن المعاينات وتنسيقات الإخراج.

الخطوة 3

عاين القيمة واحفظها وانسخها

تحقق من الشفافية والنص الفاتح أو الداكن، وجرّب درجة ذات صلة، واحفظ حتى ثمانية خيارات في علامة التبويب الحالية، ثم انسخ القيمة الدقيقة التي تحتاجها أداة CSS أو التصميم.

حرّر قيم HEX وRGB وHSL وألفا

تعبر عناصر التحكم عن لون sRGB واحد ذي 8 بتات بعدة صيغ مفيدة. اختر التمثيل الذي يطابق المعلومات المتاحة لديك أو التعديل الذي تحتاج إلى إجرائه.

استخدم HEX لرموز ألوان الويب المدمجة

أدخل #RGB أو #RRGGBB وطبّقه من دون فقدان اللون الصالح السابق عندما يكون الحقل غير مكتمل. انسخ HEX من ستة أرقام للون أساسي معتم أو HEX من ثمانية أرقام عند الحاجة إلى قناة ألفا.

عدّل قنوات الأحمر والأخضر والأزرق

يكشف RGB قنوات sRGB الثلاث من 0 إلى 255 مباشرةً. استخدمه عندما يمنحك مواصف أو تطبيق تصميم قيمًا رقمية للأحمر والأخضر والأزرق أو عندما تحتاج إحدى القنوات إلى تصحيح صغير.

غيّر التدرج والتشبع والإضاءة وألفا

يدور التدرج عبر 0-360 درجة، ويتحكم التشبع في شدة اللون، وتتحرك الإضاءة نحو الأسود أو الأبيض، وتتحكم ألفا في الشفافية. تبقى عناصر التحكم هذه ضمن النطاقات الصالحة.

عاين لونًا على أسطح فاتحة وداكنة

يسهل تقييم الرمز الرقمي عندما يظهر في سياقات واقعية. استخدم هذه المعاينات دليلًا للقرار التالي، لا كمراجعة كاملة لإمكانية الوصول.

تحقق من اللون فوق الشفافية

تجعل رقعة المربعات التعتيم مرئيًا بدلًا من عرض كل قيمة ألفا فوق الأبيض فقط. قارن المعاينة الشفافة بالعينة الأساسية المعتمة قبل نسخ تنسيق مدرك لألفا.

قارن النص الأبيض والأسود

تضع مساحة العمل نصًا أبيض وأسود فوق اللون المختار المعتم وتعرض كل نسبة تباين. يساعد ذلك على تحديد اتجاه مرجح قبل اختبار زوج المقدمة والخلفية الفعلي.

أجرِ فحص تباين كاملًا لزوج ألوان

لا يمكن لخلفية مختارة واحدة ولوني نص نموذجيين التحقق من واجهة كاملة. استخدم مدقّق تباين الألوان المخصص لاختبار الزوج الدقيق ومراجعة حدود النص العادي والنص الكبير.

أداة القطارة في المتصفح والخصوصية وحدود الألوان

لواجهات API المتصفح وقيم الألوان الرقمية حدود عملية. تحافظ الصفحة على صلاحية عناصر التحكم البديلة وتشرح ما يمكن للأرقام المختارة تمثيله وما لا يمكنها تمثيله.

استخدم قطارة الشاشة عند الدعم

EyeDropper تحسين تدريجي بتوفر محدود في المتصفحات. تتطلب نقرك على الزر، وتعيد لون شاشة مختارًا واحدًا، ويمكن إلغاؤها بـ Escape، وقد تتطلب سياقًا آمنًا.

احتفظ بالألوان المختارة في علامة التبويب الحالية

يحوّل المنتقي القيم ويحتفظ بالعينات المحفوظة في حالة الصفحة الحالية. ولا يحتاج إلى حساب أو طلب معالجة ألوان خارجي، ولا يعد بتخزين دائم أو توفر دون اتصال.

تعامل مع النتيجة كلون ويب sRGB

تستخدم الأداة قيم sRGB ذات 8 بتات لسير عمل الويب والشاشة. ولا تقرأ ملفات تعريف الصور أو تنشئ قيم نطاق لوني واسع أو تضمن المطابقة للطابعات أو الأحبار أو الورق أو الطلاء أو أنظمة الألوان المملوكة.

الخصوصية والحدود

تبقى حسابات الألوان والعينات المحفوظة في علامة تبويب المتصفح هذه ولا تُرسل إلى خدمة ألوان خارجية. لا تبدأ أداة EyeDropper الاختيارية للشاشة إلا بعد نقرك وليست متاحة في كل متصفح أو سياق.

الأسئلة الشائعة

هل منتقي الألوان هذا مجاني للاستخدام؟

نعم. منتقي الألوان هذا مجاني للاستخدام عبر الإنترنت من دون تسجيل أو تسجيل دخول. ولا تضع الصفحة اختيار اللون أو تحرير القنوات أو العينات المحفوظة في علامة التبويب الحالية أو إجراءات النسخ خلف حاجز حساب.

كيف أستخدم منتقي الألوان عبر الإنترنت؟

اختر لونًا باستخدام عنصر التحكم المرئي، أو أدخل قيمة HEX صالحة من ثلاثة أو ستة أرقام، أو استخدم الالتقاط من الشاشة في متصفح داعم. اضبط RGB أو HSL أو التعتيم، وراجع المعاينات، ثم انسخ التنسيق الذي تحتاجه.

ما تنسيقات الألوان التي يمكنني نسخها؟

يمكنك نسخ HEX معتمًا أو HEX مدركًا لألفا أو CSS RGB حديثًا أو CSS HSL حديثًا أو قيم HSV مرجعية أو تصريح خاصية مخصصة في CSS. عندما يكون التعتيم أقل من 100%، تتضمنه الصفوف المدركة لألفا صراحةً.

ما الفرق بين HEX وRGB وHSL؟

يصف HEX وRGB قنوات الأحمر والأخضر والأزرق sRGB نفسها ذات 8 بتات بصيغ مختلفة. ويمثل HSL اللون بالتدرج اللوني والتشبع والإضاءة، وقد يكون أسهل عند تدوير التدرج أو جعل اللون أكثر هدوءًا أو أفتح أو أغمق.

هل يمكنني إضافة التعتيم أو نسخ لون ألفا؟

نعم. اضبط التعتيم من 0% إلى 100%. تتحدث المعاينة الشفافة فوق رقعة مربعات، وتتضمن صفوف ألفا HEX وRGB وHSL ومتغير CSS التعتيم المختار. ويبقى HEX المعتم متاحًا بوصفه اللون الأساسي ذا الستة أرقام.

هل يمكنني التقاط لون من أي مكان على شاشتي؟

في متصفح داعم وسياق آمن، يشغّل الالتقاط من الشاشة أداة EyeDropper في المتصفح بعد نقرك. اختر بكسلًا واحدًا من الشاشة أو اضغط Escape للإلغاء. إذا لم يكن الزر متاحًا، فاستخدم المنتقي المرئي العادي أو الحقول الرقمية بدلًا منه.

هل يرفع منتقي الألوان هذا ألواني أو يحفظها؟

لا يُرفع أي إدخال لوني إلى خدمة ألوان خارجية. لا يوجد اللون المختار والعينات المحفوظة إلا في حالة الصفحة الحالية. تؤدي إعادة التحميل أو إغلاق علامة التبويب إلى مسح مجموعة العمل المحفوظة.

هل يمكنني اختيار لون من صورة محمّلة؟

لا. هذا المسار منتقٍ عام للألوان ومحوّل للتنسيقات؛ ولا يحمّل الصور أو يأخذ عينة من بكسلاتها. في متصفح داعم، تستطيع أداة EyeDropper الاختيارية للشاشة أخذ عينة من بكسل ظاهر بعد إجراء صريح من المستخدم.

هل تضمن نسب التباين المعروضة إمكانية الوصول؟

لا. فهي تقارن اللون الأساسي المعتم بالأبيض والأسود للمعاينة السريعة فقط. اختبر زوج المقدمة والخلفية الفعلي في مدقّق تباين الألوان المخصص، وراجع بقية الواجهة بما فيها حجم النص ووزنه والحالات والإشارات غير اللونية.

هل سيطابق اللون المختار الطباعة أو الطلاء أو كل شاشة؟

ليس بالضرورة. تعمل هذه الأداة بألوان ويب sRGB ذات 8 بتات. يمكن أن تؤدي معايرة الشاشة وملفات الصور ومساحات الألوان واسعة النطاق وملفات الطابعة والأحبار والورق والطلاء وأنظمة الألوان المملوكة إلى نتائج مختلفة حتى لو بدت القيمة الرقمية متشابهة.

أدوات ذات صلة

تابع باستخدام أداة أخرى تعمل في المتصفح.

أدوات تصميم مجانية

تحقق من تباين زوج الألوان

مدقّق تباين الألوان

اختبر ألوان النص والخلفية وفقًا لـ WCAG 2.2 AA وAAA. اعرض نسبة التباين الدقيقة، وعاين حجم الخط ووزنه المحددين، واعرف ما إذا كان الزوج يجتاز الفحص.

C أدوات تصميم مجانية

أنشئ تدرج CSS

مولّد تدرجات CSS

أنشئ تدرجات خطية أو شعاعية أو مخروطية بمحطتي ألوان إلى ست محطات. عاين النتيجة مباشرة، واضبط الاتجاه أو نقطة الأصل ذات الصلة، وانسخ CSS جاهزًا للاستخدام دون تسجيل الدخول.

C أدوات تصميم مجانية

طبّق لونًا على ظل CSS

مولّد ظل الصندوق CSS

أنشئ ظلال CSS متعددة الطبقات باستخدام ما يصل إلى أربع طبقات قابلة للتعديل. اضبط الإزاحات والتمويه والانتشار واللون والشفافية ووضع inset، وعاين النتيجة، وانسخ CSS من دون تسجيل الدخول.

S أدوات تصميم مجانية

حضّر أصل SVG

محسّن SVG

ارفع ترميز SVG أو الصقه، وحسّنه محليًا باستخدام SVGO، وقارن الكود وحجم الملف والنتيجة المرئية قبل التنزيل. لا يلزم تسجيل دخول أو رفع إلى خادم.