لوحة Portfolio Color Palette

أبيض ورقي، وحبر أسود، ولمسة توقيعية واحدة — معادلة تحريرية «اثنان زائد واحد» تترك العمل يتحدّث. المراسي: #F4F1EA، #1C1C1C، #E4572E.

أعمالشخصيتحريري
#F4F1EA
#1C1C1C
#E4572E
#FAF9F6
#1A1A1C
#f4f1ea #1c1c1c #e4572e #faf9f6 #1a1a1c
#F4F1EA #1C1C1C #E4572E #FAF9F6 #1A1A1C

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

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

background#FAF9F6
surface#F4F1EA
text#1A1A1C
text-muted#1C1C1C
primary#E4572E
secondary#F4F1EA
accent#1C1C1C

متغيّرات CSS 

:root {
  --background: #faf9f6;
  --surface: #f4f1ea;
  --text: #1a1a1c;
  --text-muted: #1c1c1c;
  --primary: #e4572e;
  --secondary: #f4f1ea;
  --accent: #1c1c1c;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#F4F1EA#1C1C1C#E4572E#FAF9F6#1A1A1C
#F4F1EA
1.0
15.1
3.3
1.1
15.4
#1C1C1C
15.1
1.0
4.6
16.2
1.0
#E4572E
3.3
4.6
1.0
3.5
4.7
#FAF9F6
1.1
16.2
3.5
1.0
16.5
#1A1A1C
15.4
1.0
4.7
16.5
1.0

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

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

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

#F4F1EA
rgb(244, 241, 234)
#1C1C1C
rgb(28, 28, 28)
#E4572E
rgb(228, 87, 46)
#FAF9F6
Off White
#1A1A1C
rgb(26, 26, 28)

لوحات مشابهة

Fashion Color Palette
Luxury Color Palette
Off White Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #F4F1EA, #1C1C1C, #E4572E, #FAF9F6, #1A1A1C.

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

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

Portfolio Color Palette — #F4F1EA #1C1C1C #E4572E #FAF9F6 #1A1A1C — Tintiva