مولّد لوحة ألوان
أنشئ لوحات متناسقة من لون أساس مع تنسيقات تصدير للمصمم والمطور.
اختر لونًا أو اكتب رمزه HEX مثل #1E6F68.
جرّب لونًا
النتيجة
اختر لونًا لترى لوحته.
تدرج من الفاتح إلى الداكن
ألوان متناسقة
اضغط أي لون لنسخ رمزه HEX، أو انسخ اللوحة كاملة كمتغيرات CSS.
طريقة الاستخدام
- اختر لونًا أو اكتب رمزه HEX.
- اضغط أي لون لنسخ رمزه HEX.
- انسخ اللوحة كاملة أو نزّلها كمتغيرات CSS.
أمثلة
- الأحمر#FF0000 المقابل #00FFFF
- أخضر العلامة#1E6F68 الدرجة 500 هي #1E6F68 والدرجة 900 هي #061615
تفاصيل الأداة والخصوصية
اختر لونًا واحدًا لتحصل على تدرج من الفاتح إلى الداكن من 50 إلى 900، مع ألوان مقابلة ومجاورة وثلاثية متناسقة.
يتحول لون واحد إلى مجموعة كاملة تلصقها في CSS كمتغيرات.
الخيارات
- يُمزج لونك بالأبيض (من 50 إلى 400) وبالأسود (من 600 إلى 900). والألوان المتناسقة تدير درجة اللون حول دائرة الألوان.
الحدود
- هذه نقطة بداية وليست هوية لونية مكتملة.
- لا تُصدَّر ملفات ألوان لبرامج التصميم مثل ASE.
الخصوصية
ما تكتبه يبقى في متصفحك. لا يُرفع شيء ولا يُحفظ على الخادم.
أسئلة
ما اللون المقابل لـ #FF0000؟
#00FFFF.
كيف أنسخ لونًا واحدًا؟
اضغط عليه.
هل أستخدم اللوحة في CSS؟
نعم. انسخها أو نزّلها كمتغيرات CSS.
هل يُرفع اللون؟
لا. كل شيء يعمل في متصفحك.