مدونة نظيفة
محايدات سهلة القراءة مع أزرق روابط كلاسيكي.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) | |||
| hsl(220, 14%, 96%) | cmyk(1%, 1%, 0%, 4%) | |||
| hsl(217, 19%, 27%) | cmyk(32%, 20%, 0%, 68%) | |||
| hsl(221, 39%, 11%) | cmyk(56%, 38%, 0%, 85%) | |||
| hsl(221, 83%, 53%) | cmyk(84%, 58%, 0%, 8%) |
CSS
:root {
--clean-blog-1: #FFFFFF;
--clean-blog-2: #F3F4F6;
--clean-blog-3: #374151;
--clean-blog-4: #111827;
--clean-blog-5: #2563EB;
}كيف تعمل هذه الألوان معاً
هذه لوحة أحادية مبنية حول درجة لون واحدة. طابعها العام بارد. يمتد نطاق الإضاءة 89 نقطة، وهذا يحدد مقدار التباين الممكن.
6 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #FFFFFF على #111827 (17.74:1).
مدونة نظيفة — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- سمات المواقع وأنظمة التصميم.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة مدونة نظيفة؟
تضم لوحة مدونة نظيفة عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #FFFFFF على #111827؛ نسبة تباينهما 17.74:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
لوحة تحكم برمجية#0F172A #1E293B #6366F1 #10B981 #F8FAFCمتجر دافئ#FFF7ED #FED7AA #EA580C #7C2D12 #1C1917تباين سهل الوصول#FFFFFF #1A1A1A #0050B3 #B00020 #00703Cألوان أساسية جريئة#FF595E #FFCA3A #8AC926 #1982C4 #6A4C93بستان الزيتون#4A5A23 #7A8B3A #B5B77C #E6E2C3 #5C4033رذاذ الحمضيات#F9C80E #F86624 #EA3546 #662E9B #43BCCD