تحويل الألوان
#263d5e
التنوعات
الغرض من هذا القسم هو إنتاج درجات (إضافة الأبيض النقي) وظلال (إضافة الأسود النقي) للون الذي اخترته بزيادات 10٪ بدقة.
نصيحة احترافية: استخدم الظلال لحالات التمرير والظلال، والدرجات للإبرازات والخلفيات.
الظلال
تنوعات أغمق تم إنشاؤها بإضافة الأسود إلى لونك الأساسي.
الدرجات
تنوعات أفتح تم إنشاؤها بإضافة الأبيض إلى لونك الأساسي.
حالات الاستخدام الشائعة
- • حالات مكونات واجهة المستخدم (التمرير، النشط، المعطل)
- • إنشاء عمق باستخدام الظلال والإبرازات
- • بناء أنظمة ألوان متسقة
نصيحة نظام التصميم
تشكل هذه التنوعات أساس لوحة ألوان متماسكة. قم بتصديرها للحفاظ على التناسق عبر مشروعك بالكامل.
توليفات الألوان
لكل تناغم مزاجه الخاص. استخدم التناغمات لتوليد أفكار لتوليفات ألوان تعمل جيدًا معًا.
كيفية الاستخدام
انقر على أي لون لنسخ قيمة hex الخاصة به. هذه التوليفات مثبتة رياضيًا لخلق تناغم بصري.
لماذا يهم
تناغم الألوان يخلق توازنًا ويثير مشاعر محددة في تصميماتك.
التكامل
لون وعكسه على عجلة الألوان، +180 درجة من الصبغة. تباين عالٍ.
التكامل المنقسم
لون واثنان مجاوران لتكمله، +/-30 درجة من الصبغة من القيمة المقابلة للون الرئيسي. جريء مثل التكامل المباشر، ولكنه أكثر تنوعًا.
ثلاثي
ثلاثة ألوان موزعة بالتساوي على عجلة الألوان، كل منها 120 درجة من الصبغة. من الأفضل السماح للون واحد بالهيمنة واستخدام الآخرين كلمسات.
متناظر
ثلاثة ألوان بنفس الإضاءة والتشبع مع صبغات متجاورة على عجلة الألوان، بفارق 30 درجة. انتقالات سلسة.
أحادي اللون
ثلاثة ألوان بنفس الصبغة مع قيم إضاءة +/-50%. دقيق ومصقول.
رباعي
مجموعتان من الألوان المتكاملة، مفصولة بـ 60 درجة من تدرج اللون.
مبادئ نظرية الألوان
التوازن
استخدم لونًا مهيمنًا، وادعمه بلون ثانوي، وأضف لمسات بلون آخر بشكل مقتصد.
التباين
تأكد من وجود تباين كافٍ للقراءة وسهولة الوصول.
التناغم
يجب أن تعمل الألوان معًا لخلق تجربة بصرية موحدة.
مدقق تباين الألوان
اختبر تركيبات الألوان للتأكد من أنها تلبي معايير الوصول WCAG لقراءة النص.
لون النص
لون الخلفية
التباين
معايير WCAG
مدقق التباين المتقدم
ضبط دقيق باستخدام المنزلقات، معاينات متعددة والمزيد
الجميع عبقري. ولكن إذا حكمت على سمكة بقدرتها على تسلق شجرة، فسوف تعيش حياتها كلها معتقدة أنها غبية.
التنسيقات التقنية
التنسيقات العملية
تحليل اللون
محاكي عمى الألوان
الجوانب الإبداعية
الأسئلة الشائعة
- ما اللون #263D5E?
- #263D5E هو غسق مرسى العُمق – ظل أزرق غامق يمزج البحر والسماء في لحظة غسق هادئة، مع لمحة رمادية تبقيه مركّزاً وبارعاً في الحضور. يبعث شعوراً بالثقة الصامتة والرصانة العملية مع لمسة حنين بحري.
- ماذا يرمز غسق مرسى العُمق؟
- ثقة مهنية, بحرية وارتباط بالميناء, تقشّف أنيق, ثبات نفسي, ذكريات غسق وحنين. في أوروبا الغربية يرتبط الأزرق الداكن بالمراكز المالية والزيّ الرسمي؛ في اليابان اللون الأزرق العميق يلامس مفاهيم الانضباط والاحترام؛ في الثقافات الساحلية المتوسطية يستحضر المياه العميقة والمهنة البحرية. الفروق تظهر في التفاصيل: حيث يرى الغرب ثباتاً مؤسساتياً، واليابان احتراماً رسمياً، وسكان السواحل حنيناً إلى العمل والبحر.
- أين يُستخدم غسق مرسى العُمق في التصميم؟
- في مساحة أو واجهة، يهدئ المشاهد ويقلل الضوضاء البصرية، ما يجعل الانتباه يتجه إلى المحتوى الأساسي؛ كما يعزز شعور الأمان والموثوقية عند الاستخدام في هوية علامة تجارية. هذا الظل يميل إلى تقليل الإثارة البصرية، لذا فهو يعمل أفضل عندما يحتاج المستخدم إلى قرار منطقي أو تركيز طويل.
- ما هي الألوان التي تتناسب مع غسق مرسى العُمق؟
- colorCode.seoFaqPairingAnswer #D98F3A: تباين تكميلي دافئ (مقابل لوني) يخلق بؤرة جذب للأزرار والعناصر الحيوية.. #265E8E: تناغم تماثلي (analogous) يوسع نطاق الأزرق مع تدرج أفتح يحافظ على الطابع البحري.. #5E265E: توافق ثلاثي (triadic) يضيف لمسة حمراء بنفسجية تعطي دفئاً أنيقاً دون فقدان الرصانة..
- كيف يؤثر غسق مرسى العُمق على المزاج؟
- ثقة هادئة مع حضور رسمي إحساس فوري بالثقة والجدية مع أثر مهدئ على المزاج. colorCode.seoFaqMoodTraits
- ما هي الصناعات التي تستخدم غسق مرسى العُمق؟
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- ما هي تاريخ غسق مرسى العُمق؟
- الظلال القاتمة من الأزرق التي تذكر بهذا اللون ظهرت تاريخياً عبر أزرق اللازورد واللازورد الصناعي ثم النيلة؛ في اللوحات القديمة استُخدمت أصباغ من لازوريت واللازورد الطبيعى للدرجات الزاهية، بينما الظلال المظلمة الأقرب لهذا اللون اعتُمدت بتخفيف اللازورد بالأوساخ والأحجار الداكنة.
- كيف يتم استخدام غسق مرسى العُمق في التصميم؟
- حافظ على تباين واضح: الظل يعمل كحامل ثابت للعناصر البارزة، فلا تمنحه دور المزيّن الوحيد بل اجعله إطاراً للتركيز.colorCode.seoFaqDesignDo
- هل غسق مرسى العُمق يمكن الوصول إليه؟
- colorCode.seoFaqAccessibilityAnswerيتوافق مع WCAG AA للنص العادي والكبير.