الألوان · أصبح أسهل

منتقي الألوان

أدخل أسماء ألوان CSS أو HEX أو RGB أو HSL، وعدّل القنوات أو التقط لون بكسل أصلي من صورة محلية. استخدم الإحداثيات والأسهم والتكبير، وانسخ القيم مع ألفا واحفظ عينات الألوان.

مساحة عملكتُعالج البيانات على جهازك

#7D9065rgb(125, 144, 101)

تُركّب المعاينة على خلفية بيضاء. يخزّن HEX ألفا في 8 بت، بينما يحتفظ RGB وHSL بألفا العشرية.

لون HEXلون RGB أو HSL

RGBألفا

درجة اللون (درجات)التشبّع (%)الإضاءة (%)

اختر بصريًا

HEX#7D9065

RGBrgb(125, 144, 101)

HSLhsl(86.512 17.551% 48.039%)

RGB بالنسبة المئويةrgb(49.02% 56.471% 39.608%)

RGBA مطبّع0.4902, 0.5647, 0.3961, 1

متغيّر CSS--color: #7D9065;

تستخدم أسماء الألوان كلمات CSS القياسية، مثل red أو rebeccapurple.

أو ركّز هنا وألصق صورة باستخدام Ctrl+V / ⌘V. ‏JPG أو PNG أو WebP ثابتة · حتى 25 ميغابايت / 24 ميغابكسل.

ثلاث خطوات بسيطة.

اختر لونًا أو افتح صورة محلية.
انقر بكسلًا أو استخدم الإحداثيات والأسهم أو عدّل قنوات RGB/HSL.
انسخ الصيغة المطلوبة أو احفظ العينات وصدّرها بصيغة CSS أو JSON.

معلومات تهمك.

حتى 25 ميغابايت و24 مليون بكسل و12,000 بكسل لكل ضلع. تُستخدم صورة sRGB التي فكّ المتصفح ترميزها؛ ليست أداة تدقيق ألوان الطباعة. التقاط اللون من الشاشة يعتمد على دعم المتصفح وبدئك للعملية. تبقى العينات في ذاكرة الصفحة الحالية فقط.

كيف نحمي خصوصيتك ←

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

لماذا لا يمكن التقاط لون من الشاشة؟

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

هل يمكن التقاط بكسلات شفافة؟

اختر خلفية لأخذ العينة أو فعّل الاحتفاظ بألفا لفحص الشفافية الأصلية. تُركّب ألوان اللوحة المستخرجة دائمًا على الخلفية المختارة.

ثلاث خطوات بسيطة.

معلومات تهمك.

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

تابع مع أدوات أخرى.