متغيرات CSS
الإدخال
اللون #2563EB، النمط المتجاور
الإخراج
خمسة تعريفات من --color-1 إلى --color-5.
AppHelp
مولّد لوحات الألوان
اختر لونًا أساسيًا لإنشاء خمسة ألوان متناسقة، وانسخ قيم HEX أو متغيرات CSS.
متغيرات CSS
--color-1: #13C6C9; --color-2: #1599E0; --color-3: #2463EB; --color-4: #3E3BED; --color-5: #8952EF;
مهام شائعة
- مولّد لوحات الألوان
إجابة سريعة
اختر لونًا أساسيًا لإنشاء خمسة ألوان متناسقة، وانسخ قيم HEX أو متغيرات CSS.
طريقة الاستخدام
- 1. اختر اللون الأساسيحدد لون البداية باستخدام منتقي الألوان.
- 2. قارن الأنماطبدّل بين الألوان المتجاورة والمتكاملة والثلاثية.
- 3. انسخ اللوحةانقر لونًا لنسخ HEX أو انسخ متغيرات CSS الخمسة.
أمثلة
حالات خاصة
- الألوان اقتراحات فقط؛ لا تفحص الأداة التباين أو إمكانية الوصول.
- تُعدّل درجة اللون والتشبع والإضاءة، لذلك قد لا يظهر اللون الأساسي كما هو.
الميزات
- أنماط متجاورة ومتكاملة وثلاثية
- خمسة ألوان بصيغة HEX
- نسخ متغيرات CSS لورقة الأنماط
أدوات ذات صلة
الأسئلة الشائعة
- هل تُرفع بياناتي؟
- لا. تعمل الأداة محليًا في متصفحك افتراضيًا.
- هل أحتاج إلى حساب؟
- لا حاجة إلى حساب.