ورق وحبر

تدرّج شبه أحادي من لون الورق الدافئ إلى الحبر العميق، مناسب للتصاميم التي تعتمد على الخط والطباعة.

رموز الألوان

HEXRGBHSLCMYK
hsl(60, 23%, 97%)cmyk(0%, 0%, 1%, 2%)
hsl(43, 13%, 90%)cmyk(0%, 1%, 3%, 9%)
hsl(40, 6%, 58%)cmyk(0%, 3%, 8%, 40%)
hsl(48, 5%, 22%)cmyk(0%, 2%, 9%, 77%)
hsl(0, 0%, 7%)cmyk(0%, 0%, 0%, 93%)

CSS

:root {
  --paper-and-ink-1: #FAFAF7;
  --paper-and-ink-2: #E8E6E1;
  --paper-and-ink-3: #9A968E;
  --paper-and-ink-4: #3A3935;
  --paper-and-ink-5: #111111;
}

كيف تعمل هذه الألوان معاً

تتكوّن غالباً من ألوان محايدة، فتأتي البنية من الإضاءة لا من درجة اللون. طابعها العام محايد. يمتد نطاق الإضاءة 91 نقطة، وهذا يحدد مقدار التباين الممكن.

5 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#FAFAF7⁩ على ⁦#111111⁩ (18.06:1).

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

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

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

#monochrome#neutral#typography

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

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

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

لوحات أخرى