لوحات الألوان

مولّد سلّم الألوان

اختر لونًا واحدًا لترى فورًا كل درجاته من الأفتح إلى الأغمق. اضغط على أي لون لنسخ كود HEX الخاص به.

سلّم من 50 إلى 950

إحدى عشرة درجة من عائلة اللون نفسه. الأرقام تتبع ترتيب Tailwind، ويُعلَّم لونك على أقرب درجة إليه.

التفتيحات (بإضافة الأبيض)

اضغط على أي لون لنسخ كود HEX الخاص به.

التغميقات (بإضافة الأسود)

الدرجات الرمادية (بإضافة الرمادي)

صدّر السلّم

ما هو سلّم الألوان؟

هو سلسلة الدرجات التي تنشأ من لون واحد، من القريب من الأبيض إلى القريب من الأسود، وكلها بالصبغة نفسها. لذلك تنسجم أي درجتين منه معًا بشكل طبيعي.

الفرق بين التفتيح والتغميق والدرجة الرمادية

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

كيف تستخدم السلّم في التصميم

استخدم الدرجات الفاتحة (50–200) للخلفيات، والمتوسطة (400–600) للأزرار والروابط، والداكنة (700–950) للنصوص والحدود. بسلّم واحد فقط تحصل على واجهة متناسقة وسهلة القراءة.

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

كيف يُحسب السلّم؟

نستخدم فضاء الألوان OKLCH، وهو قريب من طريقة إدراك العين للسطوع. لذلك تبدو الفروق بين الدرجات متساوية، دون قفزات مفاجئة.

ماذا تعني الأرقام من 50 إلى 950؟

هو المقياس المستخدم في Tailwind CSS وكثير من أنظمة التصميم: 50 هي الأفتح و950 هي الأغمق. ويوضع لونك على أقرب رقم إليه.

هل يمكنني استخدامه في Tailwind أو CSS؟

نعم. اكتب اسمًا، واختر الصيغة، وانسخ الكود. يمكنك اختيار متغيرات CSS جاهزة للصق، أو كتلة colors لإعدادات Tailwind.

ما الفرق بين سلّم الألوان ولوحة الألوان؟

السلّم هو درجات لون واحد، أما اللوحة فهي مجموعة ألوان مختلفة متناسقة. وكثير من اللوحات تستخدم سلّمًا للخلفيات والنصوص، مع لون أو لونين مميزين.

أدلة وأدوات أخرى