تسجيل الدخول إلى حسابك

مرحبًا بعودتك

اختر نوع العنصر الذي تريد إضافته إلى هذه المجموعة

لقد تم إنشاء مجموعتك بنجاح

ماذا ستحتوي هذه المجموعة؟

أضف مجموعة لتنظيم العناصر الخاصة بك

تمت إضافة العنصر إلى المجموعة بنجاح

تمت إزالة العنصر من المجموعة

قم بإنشاء مجموعتك الأولى لتنظيم ألوانك

أضف الألوان أو اللوحات أو التدرجات إلى هذه المجموعة

عرض وإدارة عناصر المجموعة

ثلاثة ألوان لها نفس السطوع والتشبع، متجاورة على عجلة الألوان، بفارق 30 درجة. انتقالات سلسة.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

استخدم التباين والأنماط إلى جانب الألوان لنقل المعلومات.

تصميم أفضل

العمى الأزرق والأصفر (تريتانوبيا)

رمز اللون

مدقق التباين

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

صانع التدرجات

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

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

سجل للحصول على إمكانية الوصول إلى Blindness Simulator

هكذا يظهر اللون عند رؤية الألوان الطبيعية.

عمى الأحمر والأخضر (عمى الأخضر والأحمر)

أدوات إمكانية الوصول ذات الصلة

يعاني 8% من الرجال و0.5% من النساء من أحد أشكال نقص رؤية الألوان.

تأثير

محاكي العمى

عمى الألوان الكامل

خلل اللون

عمى الألوان

شذوذ الديوترانومالي

شذوذ البروتين

عمى الأخضر والأصفر

شذوذ ثلاثي

تريتانوبيا

يعتبر العمى الأحمر والأخضر هو الأكثر شيوعًا، حيث يؤثر على كيفية إدراك اللونين الأحمر والأخضر.

أنواع

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

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

حلل تناغمات الألوان، والتأثير النفسي، والمواصفات الفنية، ومقاييس إمكانية الوصول. اتخذ قرارات مدروسة بشأن استخدام الألوان في مشاريعك من خلال رؤى مبنية على البيانات وتطبيقات احترافية لنظريات الألوان.

فهم تحليل الألوان

رؤى الألوان والتناغم المهني

تحليل الألوان الكامل

لون بارد - هادئ واحترافي

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

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

التصميم والعلامة التجارية

إنشاء مخططات ألوان تكميلية وثلاثية ومتماثلة بناءً على علاقات عجلة الألوان

تناغمات الألوان

قم بإنشاء حساب مجاني لعرض تحليل الألوان والمقاييس الشاملة.

سجل للحصول على تحليل الألوان

افهم علم نفس الألوان وتأثيره العاطفي على الحملات التسويقية. حلل تأثير الألوان على سلوك المستخدم ومعدلات التحويل في استراتيجيات التسويق الرقمي.

التسويق وعلم النفس

الوصول إلى مواصفات الألوان التفصيلية بما في ذلك قيم RGB وHSL وLAB وحسابات الإضاءة

المقاييس الفنية

درجة حرارة محايدة - متوازنة

مولد لوحة الألوان

فهم كيفية ظهور الألوان في ظل ظروف الإضاءة المختلفة ولجمهور مختلف

الإدراك البصري

كيف تظهر الألوان للرؤية البشرية، بما في ذلك النقاء والهيمنة والسطوع المتصور.

الخصائص الإدراكية

تطبيقات تحليل الألوان الاحترافية

استكشاف الارتباطات العاطفية والنفسية التي تؤثر على سلوك المستخدم وإدراكه

علم نفس الألوان

أدوات الألوان ذات الصلة

قياسات دقيقة للألوان تعتمد على قياس الألوان والتحليل الطيفي للتطبيقات التقنية.

التحليل العلمي

تحليل الألوان

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

تطوير الويب

لكل تناغم طابعه الخاص. استخدم التناغمات لابتكار تركيبات لونية تعمل معًا بشكل جيد.

استخدم لونًا مهيمنًا واحدًا، وادعمه بلون ثانوي، وركز عليه باعتدال.

تأكد من وجود تباين كافٍ لسهولة القراءة وإمكانية الوصول.

ينبغي أن تتعاون الألوان معًا لإنشاء تجربة بصرية موحدة.

مبادئ نظرية الألوان

لون ونقيضه على عجلة الألوان، +180 درجة في الصبغة. تباين عالٍ.

تختلف معاني الألوان عبر الثقافات، وتحمل دلالات رمزية مختلفة في جميع أنحاء العالم.

ثقافة

استكشف الأبعاد الفنية والنفسية للألوان بما في ذلك الارتباطات الموسمية والتأثير العاطفي والأحداث الطبيعية والأصباغ التاريخية ووصفات خلط الألوان للتطبيقات الإبداعية.

قم بإنشاء حساب مجاني لاستكشاف الأبعاد الإبداعية والفنية للألوان.

سجل للحصول على إمكانية الوصول إلى الجوانب الإبداعية

إن المظاهر الطبيعية للألوان تلهم التصميم وتربطنا بالبيئة.

طبيعة

تؤثر الألوان على العواطف والسلوك من خلال الارتباطات النفسية التي تتطور بمرور الوقت.

علم النفس

الجوانب الإبداعية

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

إن التناغم اللوني يخلق التوازن ويثير مشاعر معينة في تصميماتك.

احصل على معلومات مفيدة حول اللون 123456 مثل التحويلات، التركيبات، محاكاة عمى الألوان، والمزيد.

منتقي ألوان HTML: 123456

ثلاثة ألوان من نفس الدرجة اللونية، بقيم سطوع +/-50%. دقيق وراقي.

ألوان المحطة الطرفية، وترميز البايت، وتنسيقات البيانات لاستخدامها في البرمجة.

تطوير

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

تحكم في شرائط LED وإضاءة RGB وأجهزة العرض بقيم دقيقة.

شاشات العرض الرقمية

قم بإنشاء حساب مجاني لعرض ونسخ جميع قيم تنسيق الألوان العملية.

سجل للحصول على إمكانية الوصول إلى التنسيقات العملية

محاكاة كيفية ظهور الألوان عند الطباعة باستخدام أحبار CMYK على الوسائط المادية.

الطباعة والإنتاج

التنسيقات العملية

احصل على إمكانية الوصول الفوري إلى جميع تحويلات تنسيق الألوان لمشاريعك.

الوصول إلى جميع التنسيقات العملية

تنوعات أغمق تم إنشاؤها عن طريق إضافة اللون الأسود إلى اللون الأساسي.

لون واحد ولونان مجاوران لمكمله، بفارق ±30 درجة لونية عن القيمة المقابلة للون الرئيسي. جريء مثل المكمل المباشر، ولكنه أكثر تنوعًا.

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

تتطلب سير العمل الاحترافية تنسيقات ألوان محددة لتحقيق الاتساق عبر الأجهزة والوسائط.

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

قم بإنشاء حساب مجاني لعرض ونسخ جميع قيم تنسيق الألوان الفنية.

سجل للحصول على إمكانية الوصول إلى التنسيقات الفنية

التصوير الفوتوغرافي الاحترافي

تلفزيون فائق الوضوح/4K/8K

معيار التلفزيون عالي الوضوح

التنسيقات الفنية

احصل على وصول فوري إلى أكثر من 10 تنسيقات ألوان احترافية مع تحويلات دقيقة وشروحات مفصلة.

فتح جميع التنسيقات الفنية

يتم تحسين مساحات الألوان المختلفة لأغراض محددة - من إعادة إنتاج الألوان بدقة إلى ضغط البيانات بكفاءة.

لماذا تستخدم التنسيقات الفنية

مجموعتان من الألوان المكملة، يفصل بينهما 60 درجة من الصبغة.

تنويعات أفتح تم إنشاؤها عن طريق إضافة اللون الأبيض إلى اللون الأساسي.

ثلاثة ألوان موزعة بالتساوي على عجلة الألوان، كل لون يفصله 120 درجة. يُفضل أن يكون لون واحد هو السائد، وأن تُستخدم الألوان الأخرى كلمسات.

الغرض من هذا القسم هو إنتاج تدرجات اللون (بإضافة الأبيض النقي) والظلال (بإضافة الأسود النقي) بدقة من اللون الذي اخترته بزيادات قدرها 10%.

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

استخدم الظلال لحالات التحويم والظلال، والدرجات اللونية للإضاءة والخلفيات.

الاسم

اتصل بنا

ضبط أشرطة التمرير لتحسين تباين النص من أجل سهولة القراءة

هذا نصّ عادي. الثعلب البنيّ السريع يقفز فوق الكلب الكسول.

اختر لونًا باستخدام منتقي الألوان للنص ولون الخلفية أو أدخل لونًا بتنسيق RGB السداسي عشري (على سبيل المثال، #259 أو #2596BE). يمكنك ضبط شريط التمرير لتحديد اللون. تحتوي إرشادات الوصول إلى محتوى الويب (WCAG) على إرشادات محددة للمساعدة في معرفة ما إذا كان النص قابلاً للقراءة للمستخدمين المبصرين. تستخدم هذه المعايير خوارزمية معينة لتعيين مجموعات الألوان إلى نسب قابلة للمقارنة. باستخدام هذه الصيغة، ينص WCAG على أن نسبة تباين الألوان 4.5:1 مع النص وخلفيته مناسبة للنص العادي (الأساسي)، والنص الكبير (18+ نقطة عادي، أو 14+ نقطة غامقة) يجب أن يحتوي على 3:1 على الأقل كنسبة تباين اللون.

اختبر مجموعات الألوان للتأكد من أنها تلبي معايير إمكانية الوصول WCAG لقراءة النص.

مدقق تباين الألوان: باستخدام هذه الأداة عبر الإنترنت، يمكنك الحصول على تفاصيل حول نسبة التباين بين النص وألوان الخلفية 123456.

مدقق تباين الألوان: 123456

يُظهر هذا الشكل كيف تبدو الألوان عند عكسها، وهو أمر مفيد للوضع الداكن/الفاتح.

(≥ 18 نقطة أو ≥ 14 نقطة غامق)

(< 18 نقطة أو < 14 نقطة غامق)

الثعلب البني السريع يقفز فوق الكلب الكسول

عنوان المعاينة

إعادة تعيين تعديلات النص

هذا نص صغير لاختبار قابلية القراءة.

هذا نص صغير ولكن من المفترض أن يظل قابلاً للقراءة.

قم بالتسجيل مجانًا للوصول إلى 5 اقتراحات ذكية للألوان تحافظ على حيويتها مع تلبية معايير إمكانية الوصول إلى WCAG.

فتح اقتراحات الألوان الذكية

نسبة تباين مُحسّنة ٧:١ للنصوص العادية و٤.٥:١ للنصوص الكبيرة. يُنصح بها لسهولة الوصول.

الحد الأدنى لنسبة التباين هو ٤.٥:١ للنصوص العادية و٣:١ للنصوص الكبيرة. مطلوب لمعظم المواقع الإلكترونية.

مستويات الامتثال لـ WCAG

تضمن إرشادات WCAG إمكانية وصول المستخدمين ذوي الإعاقات البصرية إلى المحتوى الخاص بك.

معايير WCAG

تم الوصول إلى الحد الأقصى لعدد الألوان وهو 10.

تم الوصول إلى الحد الأدنى لعدد الألوان وهو 4.

تنبيه

لاستخدام هذه الميزة، تحتاج إلى إنشاء حساب imagecolorpicker مجاني. سيكون لديك بعد ذلك حق الوصول إلى المزيد من الميزات.

إنشاء لوحة جديدة

إدارة لوحات الألوان والتدرجات المحفوظة لديك

عرض وإدارة التدرجات المحفوظة لديك

تدرجاتك

عرض لوحات الألوان المحفوظة وإدارتها

لوحات الألوان الخاصة بك

لوحة القيادة

تعديل لوحة الألوان الخاصة بك

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

أنشئ تدرجات لونية مذهلة باستخدام مُنشئ التدرجات اللونية من imagecolorpicker.com. اختر من بين التدرجات الخطية والشعاعية، وأضف ألوانًا متعددة، وقم بتدوير التدرج اللوني، واحفظ إبداعاتك وشاركها. نزّل كود CSS مباشرةً، وادمج تدرجاتك اللونية بسلاسة في مشاريعك.

تعديل التدرج اللوني الخاص بك

عنوان التدرج مطلوب.

صانع التدرجات - أنشئ تدرجات خطية وشعاعية مذهلة | imagecolorpicker.com

التدرج

أنشئ رموز الألوان، التنوعات، التناغمات، وتحقق من نسب التباين.

مولد ومحدد رموز الألوان

أنشئ تدرجات لونية جميلة بكل سهولة - خصص الألوان والاتجاهات وصدر إبداعاتك.

إدارة وتنظيم لوحات الألوان المفضلة لديك.

لوحاتك المحفوظة

عرض واستكشاف هذا التدرج المشترك.

التدرج المشترك

عرض واستكشاف هذه اللوحة المشتركة.

اللوحة المشتركة

لاحظنا أنك تستخدم مانع إعلانات. لا بأس! يمكنك دعمنا بتبرع بسيط لإبقاء هذه الأداة مجانية لملايين المستخدمين. كل فنجان قهوة يساعدنا في الحفاظ على الخدمة وتحسينها.

تم اكتشاف مانع إعلانات - ادعمنا بقهوة بدلاً من ذلك!

استخدم منتقي ألوان الصور عبر الإنترنت أعلاه لاختيار لون والحصول على رمز لون HTML لهذا البكسل. ستحصل أيضًا على قيمة رمز لون HEX، وقيمة RGB، وقيمة HSV. ضمن 'استخدام صورتك'، يمكنك تحميل صورتك الخاصة (على سبيل المثال، لقطة شاشة لسطح المكتب)، ولصق صورة من الحافظة، وإدخال رابط صورة أو موقع ويب في مربع النص أدناه. ستظهر لك صورة مصغرة على الجانب الأيسر.

أرفق صورة للتحميل. الصيغ المدعومة: PNG، JPG، JPEG.

تحميل الصورة

منتقي الألوان: باستخدام هذه الأداة عبر الإنترنت، يمكنك تحميل صورة أو توفير عنوان URL لموقع ويب والحصول على رموز ألوان RGB وHEX وHSL. 👍

👍 منتقي الألوان عبر الإنترنت | منتقي الألوان HEX | منتقي ألوان HTML

إذا كنت تستخدم جهاز Mac أو جهاز كمبيوتر بنظام تشغيل حديث ومتصفح حديث، فيمكنك استخدام هذه الميزة. لقد قمنا باختبارها على Safari وEdge وFirefox وChrome. قد يختلف المظهر قليلاً.

يمكنك استخدام هذه الميزة ثلاث مرات مجانًا، ثم مشاهدة إعلان سريع لثلاث مرات أخرى. دعمكم يساعدنا على إبقاء هذه الأداة مجانية لأكثر من ثلاثة ملايين مستخدم حول العالم.

شاهد إعلانًا مدته 15 ثانية لمواصلة استخدامه مجانًا.

لقد استخدمت هذه الميزة 3 مرات!

قم بإنشاء حساب مجاني لتخطي الإعلانات في أي وقت

ما زلنا في بداية رحلتنا مع منتقي الألوان، وسيكون هناك العديد من الميزات الأخرى في المستقبل، الأمر يستحق الانتظار.

ليس لديك حساب؟ اشترك الآن

أدخل عنوان بريدك الإلكتروني وسنرسل لك رابطًا آمنًا لتسجيل الدخول.

عنوان اللوحة مطلوب.

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

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

لوحة الألوان

العنوان مطلوب.

أعط مشروعك اسمًا ووصفًا

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

مشاريعي

لقد تم إنشاء مشروعك بنجاح

تنظيم أصول التصميم الخاصة بك في مشاريع

ImageColorPicker.com

اتصل بنا