لوحة Triadic Color Palette

ثلاثة ألوان يفصل بينها 120° — متوازنة وملوّنة ومستقرة، كلاسيكية للعلامات المرحة. المراسي: #E63946، #2A9D8F، #264653.

ثلاثينابض
#E63946
#2A9D8F
#264653
#F5F5F5
#E9C46A
#e63946 #2a9d8f #264653 #f5f5f5 #e9c46a
#E63946 #2A9D8F #264653 #F5F5F5 #E9C46A

الأدوار الدلالية

تُسنَد تلقائياً: الأفتح = الخلفية، الأغمق = النص، الأكثر تشبّعاً = اللون الأساسي.

background#F5F5F5
surface#E9C46A
text#264653
text-muted#E63946
primary#E63946
secondary#2A9D8F
accent#E9C46A

متغيّرات CSS 

:root {
  --background: #f5f5f5;
  --surface: #e9c46a;
  --text: #264653;
  --text-muted: #e63946;
  --primary: #e63946;
  --secondary: #2a9d8f;
  --accent: #e9c46a;
}
معاينة في الواجهات →

مصفوفة إمكانية الوصول

لون النص (الصفوف) على الخلفية (الأعمدة). الأخضر = اجتياز WCAG AA للنص العادي (≥4.5:1).

النص \ الخلفية#E63946#2A9D8F#264653#F5F5F5#E9C46A
#E63946
1.0
1.3
2.4
3.8
2.5
#2A9D8F
1.3
1.0
3.0
3.0
2.0
#264653
2.4
3.0
1.0
9.3
6.0
#F5F5F5
3.8
3.0
9.3
1.0
1.5
#E9C46A
2.5
2.0
6.0
1.5
1.0

تحت عمى اللون الأخضر-الأحمر

محاكاة Machado وزملائه (2009)، شدة 1.0 — تقدير تقريبي وليست أداة طبية.

ألوان هذه اللوحة

#E63946
rgb(230, 57, 70)
#2A9D8F
rgb(42, 157, 143)
#264653
rgb(38, 70, 83)
#F5F5F5
Whitesmoke
#E9C46A
rgb(233, 196, 106)

لوحات مشابهة

Crimson Color Palette
Vibrant Color Palette
Orange Color Palette

أسئلة شائعة

كيف أستخدم Triadic Color Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #E63946, #2A9D8F, #264653, #F5F5F5, #E9C46A.

هل تجتاز هذه الألوان فحوصات إمكانية الوصول؟

راجع مصفوفة WCAG في هذه الصفحة: كل اقتران نص-على-خلفية بنسبة ≥ 4.5 يجتاز AA للنص العادي؛ و≥ 3 يجتاز AA للنص الكبير ومكوّنات الواجهة.

Triadic Color Palette — #E63946 #2A9D8F #264653 #F5F5F5 #E9C46A — Tintiva