رؤى حول رمز اللون #56B847

جميع التحويلات والتناغمات وفحوصات إمكانية الوصول التي تحتاجها للتصميم بثقة.

RGB:rgb(86, 184, 71)
HSL:hsl(112, 44%, 50%)
اختيار لون من صورةمنتقي الألوان
HEX
#56B847
RGB
86, 184, 71
HSL
112°, 44%, 50%
HSV
112°, 61%, 72%
CMYK
53%, 0%, 61%, 28%

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

توليد القيم عبر نماذج ألوان متعددة في مكان واحد.

#56B847

≈ أزرق فولاذي

بطاقات الألوان المرجعية

انخفاض ΔE يعني تطابقًا بصريًا أقرب

التدرجات الفاتحة والداكنة

استكشف كيف يتصرف اللون #56B847 عند مزجه بالأبيض أو الأسود. هذه العينات مثالية لحالات التمرير، والظلال، والخلفيات.

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

الدرجات الداكنة (الظلال)

0–100%
0%#56B847
10%#4EA540
20%#459339
30%#3C8132
40%#346E2B
50%#2B5C24
60%#23491D
70%#1A3715
80%#11250E
90%#091207
100%#000000

الدرجات الفاتحة

0–100%
0%#56B847
10%#67BF5A
20%#78C66C
30%#89CD7E
40%#9AD491
50%#ABDBA3
60%#BCE2B6
70%#CCEAC8
80%#DDF1DA
90%#EEF8ED
100%#FFFFFF

حالات الاستخدام الشائعة

  • حالات مكونات واجهة المستخدم (التمرير، النشط، المعطل)
  • إنشاء عمق باستخدام الظلال والإضاءات
  • بناء أنظمة ألوان متسقة

نظام التصميم

نصيحة نظام التصميم

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

تصدير لوحة الألوان

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

أنشئ لوحات ألوان متوازنة على الفور باستخدام التناغمات المولدة من #56B847.

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

كيفية الاستخدام

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

لماذا يهم

التناغمات المتوازنة تنقل القصد (الهدوء، الطاقة، الفخامة) دون إرباك تصميمك.

المتكاملة (المتضادة)

درجات متقابلة تخلق تأثيرًا وتباينًا جريئًا.

الأفضل لـ

أزرار الدعوة إلى الإجراء عالية التأثير، والشعارات، وأقسام البطل (Hero sections)

المتشابهة

درجات متجاورة لتدرجات طبيعية وسلسة.

الأفضل لـ

لوحات المعلومات الهادئة والمستوحاة من الطبيعة

الثلاثية

ثلاث درجات متباعدة بالتساوي لتحقيق توازن مرح.

الأفضل لـ

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

الرباعية

زوجان متكاملان يوفران تنوعًا غنيًا.

الأفضل لـ

الرسوم التوضيحية والتجارب التسويقية

أحادية اللون

درجات فاتحة وداكنة ضمن نفس عائلة اللون.

الأفضل لـ

واجهات المستخدم البسيطة وحالات واجهة المستخدم الممتازة

تباين إمكانية الوصول

تحقق من مدى وضوح قراءة #56B847 مع ألوان النصوص الشائعة لضمان تجربة واضحة لكل زائر.

استخدم AA كخط أساس لنص المحتوى و AAA لإمكانية الوصول الممتازة.

نص عينة على نص أسود
لون النص#000000
الخلفية#56B847
نسبة التباين8.34:1
مستوى WCAGAAA
نص عينة على نص أبيض
لون النص#FFFFFF
الخلفية#56B847
نسبة التباين2.52:1
مستوى WCAGFail
معاينة النص الموصى بها
لون النص#000000
الخلفية#56B847
نسبة التباين8.34:1
مستوى WCAGAAA

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

افتح مساحات الألوان الاحترافية مثل XYZ و LAB ومتغيرات CMYK وملفات التعريف الجاهزة للتصدير.

سجل مجانًا

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

احصل على محاكاة الطباعة، وتعيينات LED، وترتيبات البايت الجاهزة للمطورين.

سجل مجانًا

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

تعمق في البيانات الطيفية، وتقارير الهيمنة، والتحليلات المتقدمة.

سجل مجانًا

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

معاينة كيف يظهر #56B847 عبر قصور رؤية الألوان الشائعة.

سجل مجانًا

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

استكشف الارتباطات الموسمية، والإشارات العاطفية، والظواهر الطبيعية.

سجل مجانًا

إرشادات التصميم

التوازن

تعامل مع #56B847 كإبراز. قم بإقرانه بألوان محايدة ودرجة داعمة واحدة لتجنب الحمل البصري الزائد.

التباين

اختبر التوليفات بمحتوى حقيقي. التباين الأعلى يحسن المسح والقراءة والتحويلات.

التناغم

استخدم التدرجات الفاتحة للأسطح، واللون الأساسي للألوان الأولية، والدرجات الداكنة لحالات التمرير أو الضغط.

هل تحتاج لونًا آخر؟

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

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