لمسة واحدة
قاعدة محايدة مع لون مميز دافئ واحد لأزرار الإجراءات.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(60, 11%, 96%) | cmyk(0%, 0%, 1%, 3%) | |||
| hsl(43, 10%, 86%) | cmyk(0%, 1%, 3%, 13%) | |||
| hsl(40, 4%, 54%) | cmyk(0%, 2%, 6%, 45%) | |||
| hsl(40, 4%, 16%) | cmyk(0%, 2%, 7%, 83%) | |||
| hsl(14, 77%, 54%) | cmyk(0%, 62%, 80%, 11%) |
CSS
:root {
--single-accent-1: #F7F7F5;
--single-accent-2: #DEDCD7;
--single-accent-3: #8D8A84;
--single-accent-4: #2B2A28;
--single-accent-5: #E4572E;
}كيف تعمل هذه الألوان معاً
تتكوّن غالباً من ألوان محايدة، فتأتي البنية من الإضاءة لا من درجة اللون. طابعها العام محايد. يمتد نطاق الإضاءة 80 نقطة، وهذا يحدد مقدار التباين الممكن.
2 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #F7F7F5 على #2B2A28 (13.37:1).
لمسة واحدة — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- معارض الأعمال والتصاميم التحريرية وصفحات المنتجات الهادئة.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة لمسة واحدة؟
تضم لوحة لمسة واحدة عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #F7F7F5 على #2B2A28؛ نسبة تباينهما 13.37:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.