لوحة Beach Color Palette

تركواز المياه الضحلة، وأزرق السماء، ورمل دافئ، ورغوة — متطبّقة كخط الساحل نفسه. المراسي: #0E7490، #7DD3FC، #FDE68A، #FEF3C7.

شاطئساحلياستوائي
#0E7490
#7DD3FC
#FDE68A
#FEF3C7
#A0BECC
#0e7490 #7dd3fc #fde68a #fef3c7 #a0becc
#0E7490 #7DD3FC #FDE68A #FEF3C7 #A0BECC

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

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

background#FEF3C7
surface#FDE68A
text#0E7490
text-muted#A0BECC
primary#7DD3FC
secondary#FDE68A
accent#A0BECC

متغيّرات CSS 

:root {
  --background: #fef3c7;
  --surface: #fde68a;
  --text: #0e7490;
  --text-muted: #a0becc;
  --primary: #7dd3fc;
  --secondary: #fde68a;
  --accent: #a0becc;
}
معاينة في الواجهات →

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

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

النص \ الخلفية#0E7490#7DD3FC#FDE68A#FEF3C7#A0BECC
#0E7490
1.0
3.2
4.3
4.8
2.7
#7DD3FC
3.2
1.0
1.3
1.5
1.2
#FDE68A
4.3
1.3
1.0
1.1
1.6
#FEF3C7
4.8
1.5
1.1
1.0
1.8
#A0BECC
2.7
1.2
1.6
1.8
1.0

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

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

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

#0E7490
rgb(14, 116, 144)
#7DD3FC
rgb(125, 211, 252)
#FDE68A
rgb(253, 230, 138)
#FEF3C7
rgb(254, 243, 199)
#A0BECC
rgb(160, 190, 204)

لوحات مشابهة

Coral Color Palette
Garden Color Palette
Easter Color Palette

أسئلة شائعة

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

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #0E7490, #7DD3FC, #FDE68A, #FEF3C7, #A0BECC.

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

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

Beach Color Palette — #0E7490 #7DD3FC #FDE68A #FEF3C7 #A0BECC — Tintiva