حقول اللافندر

تدرّج لافندر لطيف من شبه الأبيض إلى البنفسجي الهادئ.

رموز الألوان

HEXRGBHSLCMYK
hsl(261, 70%, 96%)cmyk(4%, 6%, 0%, 1%)
hsl(261, 69%, 90%)cmyk(9%, 14%, 0%, 3%)
hsl(263, 44%, 79%)cmyk(13%, 21%, 0%, 12%)
hsl(256, 34%, 67%)cmyk(21%, 29%, 0%, 22%)
hsl(256, 21%, 46%)cmyk(26%, 35%, 0%, 44%)

CSS

:root {
  --lavender-fields-1: #F3EEFC;
  --lavender-fields-2: #E0D4F7;
  --lavender-fields-3: #C3B1E1;
  --lavender-fields-4: #9D8EC7;
  --lavender-fields-5: #6A5D8F;
}

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

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

1 من أصل 10 أزواج ألوان تصل إلى تباين 4.5:1 المطلوب للنص العادي. أوضح زوج هو ⁦#F3EEFC⁩ على ⁦#6A5D8F⁩ (5.16:1).

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

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

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

#lavender#purple#soft

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

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

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

لوحات أخرى