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