تحويل الألوان
#1694b0
التنوعات
الغرض من هذا القسم هو إنتاج درجات (إضافة الأبيض النقي) وظلال (إضافة الأسود النقي) للون الذي اخترته بزيادات 10٪ بدقة.
نصيحة احترافية: استخدم الظلال لحالات التمرير والظلال، والدرجات للإبرازات والخلفيات.
الظلال
تنوعات أغمق تم إنشاؤها بإضافة الأسود إلى لونك الأساسي.
الدرجات
تنوعات أفتح تم إنشاؤها بإضافة الأبيض إلى لونك الأساسي.
حالات الاستخدام الشائعة
- • حالات مكونات واجهة المستخدم (التمرير، النشط، المعطل)
- • إنشاء عمق باستخدام الظلال والإبرازات
- • بناء أنظمة ألوان متسقة
نصيحة نظام التصميم
تشكل هذه التنوعات أساس لوحة ألوان متماسكة. قم بتصديرها للحفاظ على التناسق عبر مشروعك بالكامل.
توليفات الألوان
لكل تناغم مزاجه الخاص. استخدم التناغمات لتوليد أفكار لتوليفات ألوان تعمل جيدًا معًا.
كيفية الاستخدام
انقر على أي لون لنسخ قيمة hex الخاصة به. هذه التوليفات مثبتة رياضيًا لخلق تناغم بصري.
لماذا يهم
تناغم الألوان يخلق توازنًا ويثير مشاعر محددة في تصميماتك.
التكامل
لون وعكسه على عجلة الألوان، +180 درجة من الصبغة. تباين عالٍ.
التكامل المنقسم
لون واثنان مجاوران لتكمله، +/-30 درجة من الصبغة من القيمة المقابلة للون الرئيسي. جريء مثل التكامل المباشر، ولكنه أكثر تنوعًا.
ثلاثي
ثلاثة ألوان موزعة بالتساوي على عجلة الألوان، كل منها 120 درجة من الصبغة. من الأفضل السماح للون واحد بالهيمنة واستخدام الآخرين كلمسات.
متناظر
ثلاثة ألوان بنفس الإضاءة والتشبع مع صبغات متجاورة على عجلة الألوان، بفارق 30 درجة. انتقالات سلسة.
أحادي اللون
ثلاثة ألوان بنفس الصبغة مع قيم إضاءة +/-50%. دقيق ومصقول.
رباعي
مجموعتان من الألوان المتكاملة، مفصولة بـ 60 درجة من تدرج اللون.
مبادئ نظرية الألوان
التوازن
استخدم لونًا مهيمنًا، وادعمه بلون ثانوي، وأضف لمسات بلون آخر بشكل مقتصد.
التباين
تأكد من وجود تباين كافٍ للقراءة وسهولة الوصول.
التناغم
يجب أن تعمل الألوان معًا لخلق تجربة بصرية موحدة.
مدقق تباين الألوان
اختبر تركيبات الألوان للتأكد من أنها تلبي معايير الوصول WCAG لقراءة النص.
لون النص
لون الخلفية
التباين
معايير WCAG
مدقق التباين المتقدم
ضبط دقيق باستخدام المنزلقات، معاينات متعددة والمزيد
الجميع عبقري. ولكن إذا حكمت على سمكة بقدرتها على تسلق شجرة، فسوف تعيش حياتها كلها معتقدة أنها غبية.
التنسيقات التقنية
التنسيقات العملية
تحليل اللون
محاكي عمى الألوان
الجوانب الإبداعية
الأسئلة الشائعة
- ما اللون #1694B0?
- #1694B0 هو غَسَقُ الميناء – درجة زرقاء-فيروزية غنية تميل إلى الأزرق البحري المشبع مع لمسة خضراء دقيقة تُشعر بالوضوح والبرودة. تستحضر إحساساً بالثقة المركزة والهدوء النشط، كهواء الصباح على واجهة ميناء هادئ.
- ماذا يرمز غَسَقُ الميناء؟
- احترافية متجددة, سلام بحري, ابتكار واعِ, نقاء وصحة, ثقة متزنة. في ثقافات البحر الأبيض المتوسط والشرق الأوسط تقارب هذه الدرجة ألوان الفسيفساء والقباب، فترمز إلى الحماية والبركة؛ في الثقافة الغربية تُقرأ كقيمة مهنية وابتكارية؛ وفي شرق آسيا تُقَرَب أحياناً من درجات الشفاء والانسجام في التصميمات الحديثة.
- أين يُستخدم غَسَقُ الميناء في التصميم؟
- في مساحة أو واجهة، يهدئ هذا اللون أعصاب المستخدمين ويخفض توتر الانطباع الأول بينما يعزز الإحساس بالنظام والدقة. يجذب الانتباه بطريقة راقية دون الصراخ، ما يجعله مناسباً للدعوات إلى اتخاذ قرار هادئ ومدروس.
- ما هي الألوان التي تتناسب مع غَسَقُ الميناء؟
- colorCode.seoFaqPairingAnswer #B05C16: تباين تكميلي قوي — اللون البرتقالي المحروق يمنح نقاط بصريّة حارة لفت الانتباه (تقابل لوني).. #1690B0: تناغم تماثلي — نسخة أزرقية أعمق توفر عمقاً وانسيابية دون كسر الشخصية الفيروزية (تناغم analogous).. #B0169F: تباين ثنائي نابض (تقارب ثلاثي/ثلاثي الألوان) يضيف لمسة نابضة تكميلية لجانب الإبداع والحداثة (تسلسل لووني ديناميكي)..
- كيف يؤثر غَسَقُ الميناء على المزاج؟
- هدوء نشط مع ثقة مهنية يشعر الناظر بالأمان والتركيز مع لمسة من الانتعاش. colorCode.seoFaqMoodTraits
- ما هي الصناعات التي تستخدم غَسَقُ الميناء؟
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- ما هي تاريخ غَسَقُ الميناء؟
- أصل هذا النطاق اللونّي معتمد على مزيج الأزرق والاخضرار الذي ظهر منذ العصور القديمة في خزف الشرق الأوسط وبلاطات المساجد، حيث استُخدمت أكاسيد النحاس والنحاس المذاب لخلق تدرجات تركوازية قريبة. لكن الدرجة الدقيقة المشبعة كـ "غَسَقُ الميناء" لم تكن متاحة حتى ظهور أصباغ صناعية في القرن التاسع عشر والعشرين مثل الفثالوي والكلوروفيلين التي سمحت بمدى تشبع أكبر وثبات لوني أعلى.
- كيف يتم استخدام غَسَقُ الميناء في التصميم؟
- حافظ على تباين واضح (نص/خلفية) واستخدم النغمات المحايدة لإدارة المساحات الكبيرة.colorCode.seoFaqDesignDo
- هل غَسَقُ الميناء يمكن الوصول إليه؟
- colorCode.seoFaqAccessibilityAnswerيتوافق مع WCAG AA للنص العادي والكبير.