لوحة Podcast Color Palette

أرضية غلاف شبه سوداء، وإشارة مرجانية صاخبة واحدة، وأبيض نصي نظيف — مقروء من 55 بكسل فما فوق. المراسي: #1A1A2E، #E94560، #F5F5F5.

بودكاستصوتأغلفة
#1A1A2E
#E94560
#F5F5F5
#908E9A
#9A3847
#1a1a2e #e94560 #f5f5f5 #908e9a #9a3847
#1A1A2E #E94560 #F5F5F5 #908E9A #9A3847

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

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

background#F5F5F5
surface#908E9A
text#1A1A2E
text-muted#9A3847
primary#E94560
secondary#908E9A
accent#9A3847

متغيّرات CSS 

:root {
  --background: #f5f5f5;
  --surface: #908e9a;
  --text: #1a1a2e;
  --text-muted: #9a3847;
  --primary: #e94560;
  --secondary: #908e9a;
  --accent: #9a3847;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#1A1A2E#E94560#F5F5F5#908E9A#9A3847
#1A1A2E
1.0
4.5
15.6
5.3
2.5
#E94560
4.5
1.0
3.5
1.2
1.8
#F5F5F5
15.6
3.5
1.0
3.0
6.4
#908E9A
5.3
1.2
3.0
1.0
2.1
#9A3847
2.5
1.8
6.4
2.1
1.0

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

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

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

#1A1A2E
rgb(26, 26, 46)
#E94560
rgb(233, 69, 96)
#F5F5F5
Whitesmoke
#908E9A
rgb(144, 142, 154)
#9A3847
rgb(154, 56, 71)

لوحات مشابهة

Minimal Color Palette
Website Color Palette
Complementary Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #1A1A2E, #E94560, #F5F5F5, #908E9A, #9A3847.

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

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

Podcast Color Palette — #1A1A2E #E94560 #F5F5F5 #908E9A #9A3847 — Tintiva