الخطوة 1
اختر لونًا أو أدخله
استخدم المنتقي المرئي، أو طبّق رمز HEX صالحًا من ثلاثة أو ستة أرقام، أو اختر عينة سريعة، أو شغّل EyeDropper للشاشة إذا كان متصفحك يدعمه.
اختر لونًا بصريًا أو أدخل قيمة HEX، ثم اضبط RGB وHSL والتعتيم بدقة. عاين النتيجة وقارن الدرجات القريبة وانسخ رمز اللون الدقيق من دون تسجيل دخول.
اللون الابتدائي: #0F766E. يحدّث كل تحكم صالح اختيارًا واحدًا من sRGB بعمق 8 بت.
يقبل #RGB أو #RRGGBB. تُتحكم العتامة على نحو منفصل.
معاينة الشفافية
معاينة النص المعتم
HSV مرجع للتصميم؛ أما الصفوف الأخرى فقيم جاهزة لـ CSS.
اختر لونًا فاتحًا أو داكنًا أو لونًا مكمّلًا.
حتى ثمانية ألوان؛ تؤدي إعادة التحميل إلى مسح المجموعة.
لا توجد ألوان محفوظة بعد.
الخطوة 1
استخدم المنتقي المرئي، أو طبّق رمز HEX صالحًا من ثلاثة أو ستة أرقام، أو اختر عينة سريعة، أو شغّل EyeDropper للشاشة إذا كان متصفحك يدعمه.
الخطوة 2
عدّل قنوات الأحمر والأخضر والأزرق أو غيّر التدرج والتشبع والإضاءة والتعتيم. يحافظ كل عنصر تحكم صالح على تزامن المعاينات وتنسيقات الإخراج.
الخطوة 3
تحقق من الشفافية والنص الفاتح أو الداكن، وجرّب درجة ذات صلة، واحفظ حتى ثمانية خيارات في علامة التبويب الحالية، ثم انسخ القيمة الدقيقة التي تحتاجها أداة CSS أو التصميم.
تعبر عناصر التحكم عن لون sRGB واحد ذي 8 بتات بعدة صيغ مفيدة. اختر التمثيل الذي يطابق المعلومات المتاحة لديك أو التعديل الذي تحتاج إلى إجرائه.
أدخل #RGB أو #RRGGBB وطبّقه من دون فقدان اللون الصالح السابق عندما يكون الحقل غير مكتمل. انسخ HEX من ستة أرقام للون أساسي معتم أو HEX من ثمانية أرقام عند الحاجة إلى قناة ألفا.
يكشف RGB قنوات sRGB الثلاث من 0 إلى 255 مباشرةً. استخدمه عندما يمنحك مواصف أو تطبيق تصميم قيمًا رقمية للأحمر والأخضر والأزرق أو عندما تحتاج إحدى القنوات إلى تصحيح صغير.
يدور التدرج عبر 0-360 درجة، ويتحكم التشبع في شدة اللون، وتتحرك الإضاءة نحو الأسود أو الأبيض، وتتحكم ألفا في الشفافية. تبقى عناصر التحكم هذه ضمن النطاقات الصالحة.
يسهل تقييم الرمز الرقمي عندما يظهر في سياقات واقعية. استخدم هذه المعاينات دليلًا للقرار التالي، لا كمراجعة كاملة لإمكانية الوصول.
تجعل رقعة المربعات التعتيم مرئيًا بدلًا من عرض كل قيمة ألفا فوق الأبيض فقط. قارن المعاينة الشفافة بالعينة الأساسية المعتمة قبل نسخ تنسيق مدرك لألفا.
تضع مساحة العمل نصًا أبيض وأسود فوق اللون المختار المعتم وتعرض كل نسبة تباين. يساعد ذلك على تحديد اتجاه مرجح قبل اختبار زوج المقدمة والخلفية الفعلي.
لا يمكن لخلفية مختارة واحدة ولوني نص نموذجيين التحقق من واجهة كاملة. استخدم مدقّق تباين الألوان المخصص لاختبار الزوج الدقيق ومراجعة حدود النص العادي والنص الكبير.
لواجهات API المتصفح وقيم الألوان الرقمية حدود عملية. تحافظ الصفحة على صلاحية عناصر التحكم البديلة وتشرح ما يمكن للأرقام المختارة تمثيله وما لا يمكنها تمثيله.
EyeDropper تحسين تدريجي بتوفر محدود في المتصفحات. تتطلب نقرك على الزر، وتعيد لون شاشة مختارًا واحدًا، ويمكن إلغاؤها بـ Escape، وقد تتطلب سياقًا آمنًا.
يحوّل المنتقي القيم ويحتفظ بالعينات المحفوظة في حالة الصفحة الحالية. ولا يحتاج إلى حساب أو طلب معالجة ألوان خارجي، ولا يعد بتخزين دائم أو توفر دون اتصال.
تستخدم الأداة قيم sRGB ذات 8 بتات لسير عمل الويب والشاشة. ولا تقرأ ملفات تعريف الصور أو تنشئ قيم نطاق لوني واسع أو تضمن المطابقة للطابعات أو الأحبار أو الورق أو الطلاء أو أنظمة الألوان المملوكة.
تبقى حسابات الألوان والعينات المحفوظة في علامة تبويب المتصفح هذه ولا تُرسل إلى خدمة ألوان خارجية. لا تبدأ أداة EyeDropper الاختيارية للشاشة إلا بعد نقرك وليست متاحة في كل متصفح أو سياق.
نعم. منتقي الألوان هذا مجاني للاستخدام عبر الإنترنت من دون تسجيل أو تسجيل دخول. ولا تضع الصفحة اختيار اللون أو تحرير القنوات أو العينات المحفوظة في علامة التبويب الحالية أو إجراءات النسخ خلف حاجز حساب.
اختر لونًا باستخدام عنصر التحكم المرئي، أو أدخل قيمة HEX صالحة من ثلاثة أو ستة أرقام، أو استخدم الالتقاط من الشاشة في متصفح داعم. اضبط RGB أو HSL أو التعتيم، وراجع المعاينات، ثم انسخ التنسيق الذي تحتاجه.
يمكنك نسخ HEX معتمًا أو HEX مدركًا لألفا أو CSS RGB حديثًا أو CSS HSL حديثًا أو قيم HSV مرجعية أو تصريح خاصية مخصصة في CSS. عندما يكون التعتيم أقل من 100%، تتضمنه الصفوف المدركة لألفا صراحةً.
يصف HEX وRGB قنوات الأحمر والأخضر والأزرق sRGB نفسها ذات 8 بتات بصيغ مختلفة. ويمثل HSL اللون بالتدرج اللوني والتشبع والإضاءة، وقد يكون أسهل عند تدوير التدرج أو جعل اللون أكثر هدوءًا أو أفتح أو أغمق.
نعم. اضبط التعتيم من 0% إلى 100%. تتحدث المعاينة الشفافة فوق رقعة مربعات، وتتضمن صفوف ألفا HEX وRGB وHSL ومتغير CSS التعتيم المختار. ويبقى HEX المعتم متاحًا بوصفه اللون الأساسي ذا الستة أرقام.
في متصفح داعم وسياق آمن، يشغّل الالتقاط من الشاشة أداة EyeDropper في المتصفح بعد نقرك. اختر بكسلًا واحدًا من الشاشة أو اضغط Escape للإلغاء. إذا لم يكن الزر متاحًا، فاستخدم المنتقي المرئي العادي أو الحقول الرقمية بدلًا منه.
لا يُرفع أي إدخال لوني إلى خدمة ألوان خارجية. لا يوجد اللون المختار والعينات المحفوظة إلا في حالة الصفحة الحالية. تؤدي إعادة التحميل أو إغلاق علامة التبويب إلى مسح مجموعة العمل المحفوظة.
لا. هذا المسار منتقٍ عام للألوان ومحوّل للتنسيقات؛ ولا يحمّل الصور أو يأخذ عينة من بكسلاتها. في متصفح داعم، تستطيع أداة EyeDropper الاختيارية للشاشة أخذ عينة من بكسل ظاهر بعد إجراء صريح من المستخدم.
لا. فهي تقارن اللون الأساسي المعتم بالأبيض والأسود للمعاينة السريعة فقط. اختبر زوج المقدمة والخلفية الفعلي في مدقّق تباين الألوان المخصص، وراجع بقية الواجهة بما فيها حجم النص ووزنه والحالات والإشارات غير اللونية.
ليس بالضرورة. تعمل هذه الأداة بألوان ويب sRGB ذات 8 بتات. يمكن أن تؤدي معايرة الشاشة وملفات الصور ومساحات الألوان واسعة النطاق وملفات الطابعة والأحبار والورق والطلاء وأنظمة الألوان المملوكة إلى نتائج مختلفة حتى لو بدت القيمة الرقمية متشابهة.
تابع باستخدام أداة أخرى تعمل في المتصفح.
تحقق من تباين زوج الألوان
اختبر ألوان النص والخلفية وفقًا لـ WCAG 2.2 AA وAAA. اعرض نسبة التباين الدقيقة، وعاين حجم الخط ووزنه المحددين، واعرف ما إذا كان الزوج يجتاز الفحص.
أنشئ تدرج CSS
أنشئ تدرجات خطية أو شعاعية أو مخروطية بمحطتي ألوان إلى ست محطات. عاين النتيجة مباشرة، واضبط الاتجاه أو نقطة الأصل ذات الصلة، وانسخ CSS جاهزًا للاستخدام دون تسجيل الدخول.
طبّق لونًا على ظل CSS
أنشئ ظلال CSS متعددة الطبقات باستخدام ما يصل إلى أربع طبقات قابلة للتعديل. اضبط الإزاحات والتمويه والانتشار واللون والشفافية ووضع inset، وعاين النتيجة، وانسخ CSS من دون تسجيل الدخول.
حضّر أصل SVG
ارفع ترميز SVG أو الصقه، وحسّنه محليًا باستخدام SVGO، وقارن الكود وحجم الملف والنتيجة المرئية قبل التنزيل. لا يلزم تسجيل دخول أو رفع إلى خادم.