إطلاق منتج
نيلي عالي التباين مع لمسات سماوية ووردية للمنتجات التقنية.
رموز الألوان
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(221, 39%, 11%) | cmyk(56%, 38%, 0%, 85%) | |||
| hsl(243, 75%, 59%) | cmyk(66%, 69%, 0%, 10%) | |||
| hsl(188, 86%, 53%) | cmyk(86%, 11%, 0%, 7%) | |||
| hsl(210, 20%, 98%) | cmyk(1%, 0%, 0%, 2%) | |||
| hsl(350, 89%, 60%) | cmyk(0%, 74%, 61%, 4%) |
CSS
:root {
--product-launch-1: #111827;
--product-launch-2: #4F46E5;
--product-launch-3: #22D3EE;
--product-launch-4: #F9FAFB;
--product-launch-5: #F43F5E;
}
كيف تعمل هذه الألوان معاً
تجمع درجات متقابلة على العجلة لتباين قوي وحيوي. طابعها العام بارد. يمتد نطاق الإضاءة 87 نقطة، وهذا يحدد مقدار التباين الممكن.
4 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو #111827 على #F9FAFB (16.98:1).
إطلاق منتج — نص مقروء باستخدام أفضل زوج.
تطبيقات مقترحة
- إطلاق المنتجات التقنية والفعاليات الموسيقية والحملات الجريئة.
- سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
- حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.
الأسئلة الشائعة
كيف أستخدم لوحة إطلاق منتج؟
تضم لوحة إطلاق منتج عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم #111827 على #F9FAFB؛ نسبة تباينهما 16.98:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.
لوحات أخرى
خرسانة ومرجان#2B2D42 #8D99AE #EDF2F4 #EF233C #D90429ألوان أساسية جريئة#FF595E #FFCA3A #8AC926 #1982C4 #6A4C93ليلة كهربائية#0D0221 #261447 #FF3864 #2DE2E6 #F6019Dبستان الزيتون#4A5A23 #7A8B3A #B5B77C #E6E2C3 #5C4033أرض الغابة#1B3A2B #3E6B48 #7FA16B #C9B88A #6B4F3Aشركة ناشئة منعشة#06D6A0 #118AB2 #073B4C #FFD166 #EF476F