لوحة تحكم برمجية
تنقل داكن وأزرق نيلي أساسي وأخضر لحالات النجاح.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(222, 47%, 11%) | cmyk(64%, 45%, 0%, 84%) | |||
| hsl(217, 33%, 17%) | cmyk(49%, 31%, 0%, 77%) | |||
| hsl(239, 84%, 67%) | cmyk(59%, 58%, 0%, 5%) | |||
| hsl(160, 84%, 39%) | cmyk(91%, 0%, 30%, 27%) | |||
| hsl(210, 40%, 98%) | cmyk(2%, 1%, 0%, 1%) |
CSS
:root {
--saas-dashboard-1: #0F172A;
--saas-dashboard-2: #1E293B;
--saas-dashboard-3: #6366F1;
--saas-dashboard-4: #10B981;
--saas-dashboard-5: #F8FAFC;
}كيف تعمل هذه الألوان معاً
تتوزع درجاتها على نطاق واسع من العجلة، ما يعطي نظاماً متوازناً ومتنوعاً. طابعها العام بارد. يمتد نطاق الإضاءة 87 نقطة، وهذا يحدد مقدار التباين الممكن.
4 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #0F172A على #F8FAFC (17.06:1).
لوحة تحكم برمجية — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- سمات المواقع وأنظمة التصميم.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة لوحة تحكم برمجية؟
تضم لوحة لوحة تحكم برمجية عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #0F172A على #F8FAFC؛ نسبة تباينهما 17.06:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
مدونة نظيفة#FFFFFF #F3F4F6 #374151 #111827 #2563EBمتجر دافئ#FFF7ED #FED7AA #EA580C #7C2D12 #1C1917تباين سهل الوصول#FFFFFF #1A1A1A #0050B3 #B00020 #00703Cفيلا متوسطية#F7F1E5 #E3C9A1 #C86B3C #3E7C8A #20434Dموسم التيراكوتا#F3E3D3 #E2A07A #C96A45 #8E3B2A #3F2A22استوديو هادئ#F4F1EC #D9D3C7 #B7AD9C #6F6A60 #2D2B28