إطلاق منتج

نيلي عالي التباين مع لمسات سماوية ووردية للمنتجات التقنية.

رموز الألوان

HEXRGBHSLCMYK
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).

إطلاق منتج — نص مقروء باستخدام أفضل زوج.

تطبيقات مقترحة

  • إطلاق المنتجات التقنية والفعاليات الموسيقية والحملات الجريئة.
  • سمات الواجهات: الأفتح للخلفيات والأغمق للنصوص.
  • حزم الهوية والتصاميم الاجتماعية والعروض التقديمية.

#tech#indigo#startup

فحص إمكانية الوصول محاكاة عمى الألوان متغيرات CSS

الأسئلة الشائعة

كيف أستخدم لوحة إطلاق منتج؟
تضم لوحة إطلاق منتج عدد 5 ألوان. استخدم لوناً مهيمناً للمساحات الكبيرة ولوناً داعماً للعناصر الثانوية، والأكثر تشبعاً بقلة كلون مميز.
أي ألوان هذه اللوحة أنسب للنصوص؟
استخدم ⁦#111827⁩ على ⁦#F9FAFB⁩؛ نسبة تباينهما 16.98:1.
هل يمكنني تنزيل هذه اللوحة؟
نعم، صدّرها بصيغة PNG أو SVG أو متغيرات CSS أو JSON أو نص عادي عبر الأزرار أعلى جدول الألوان.

لوحات أخرى