يوم على الشاطئ
الشمس والرمال والبحر في مجموعة متوازنة واحدة.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(42, 100%, 70%) | cmyk(0%, 18%, 60%, 0%) | |||
| hsl(27, 87%, 67%) | cmyk(0%, 34%, 60%, 4%) | |||
| hsl(173, 58%, 39%) | cmyk(73%, 0%, 9%, 38%) | |||
| hsl(88, 57%, 91%) | cmyk(5%, 0%, 11%, 4%) | |||
| hsl(197, 37%, 24%) | cmyk(54%, 16%, 0%, 67%) |
CSS
:root {
--beach-day-1: #FFD166;
--beach-day-2: #F4A261;
--beach-day-3: #2A9D8F;
--beach-day-4: #E9F5DB;
--beach-day-5: #264653;
}كيف تعمل هذه الألوان معاً
تجمع درجات متقابلة على العجلة لتباين قوي وحيوي. طابعها العام دافئ. يمتد نطاق الإضاءة 67 نقطة، وهذا يحدد مقدار التباين الممكن.
3 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #E9F5DB على #264653 (8.90:1).
يوم على الشاطئ — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- الحملات الموسمية والسفر وعلامات الطعام.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة يوم على الشاطئ؟
تضم لوحة يوم على الشاطئ عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #E9F5DB على #264653؛ نسبة تباينهما 8.90:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
أوراق استوائية#004B23 #007200 #38B000 #9EF01A #FFBE0Bرذاذ الحمضيات#F9C80E #F86624 #EA3546 #662E9B #43BCCDسوربيه البطيخ#FF595E #FF924C #FDF0D5 #8AC926 #2B9348بستان الزيتون#4A5A23 #7A8B3A #B5B77C #E6E2C3 #5C4033صباح ربيعي#FBF8CC #FDE4CF #FFCFD2 #F1C0E8 #CFBAF0مدونة نظيفة#FFFFFF #F3F4F6 #374151 #111827 #2563EB