متجر دافئ
درجات برتقالية جذابة تبرز أزرار الشراء.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(33, 100%, 96%) | cmyk(0%, 3%, 7%, 0%) | |||
| hsl(32, 98%, 83%) | cmyk(0%, 15%, 33%, 0%) | |||
| hsl(21, 90%, 48%) | cmyk(0%, 62%, 95%, 8%) | |||
| hsl(15, 75%, 28%) | cmyk(0%, 64%, 85%, 51%) | |||
| hsl(24, 10%, 10%) | cmyk(0%, 11%, 18%, 89%) |
CSS
:root {
--warm-e-commerce-1: #FFF7ED;
--warm-e-commerce-2: #FED7AA;
--warm-e-commerce-3: #EA580C;
--warm-e-commerce-4: #7C2D12;
--warm-e-commerce-5: #1C1917;
}كيف تعمل هذه الألوان معاً
هذه لوحة أحادية مبنية حول درجة لون واحدة. طابعها العام دافئ. يمتد نطاق الإضاءة 86 نقطة، وهذا يحدد مقدار التباين الممكن.
5 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #FFF7ED على #1C1917 (16.47:1).
متجر دافئ — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- سمات المواقع وأنظمة التصميم.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة متجر دافئ؟
تضم لوحة متجر دافئ عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #FFF7ED على #1C1917؛ نسبة تباينهما 16.47:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
مدونة نظيفة#FFFFFF #F3F4F6 #374151 #111827 #2563EBلوحة تحكم برمجية#0F172A #1E293B #6366F1 #10B981 #F8FAFCتباين سهل الوصول#FFFFFF #1A1A1A #0050B3 #B00020 #00703Cوردي وعاجي#FFFAF3 #F6E3DC #E8C2B8 #C99A8E #8A5A52يوم على الشاطئ#FFD166 #F4A261 #2A9D8F #E9F5DB #264653قاعة الرخام#F6F4F0 #E2DDD5 #BFB6A8 #7D7366 #2E2A26