مولّد متغيرات CSS
كوّن قائمة ألوان مسمّاة واحصل فورًا على كتلة :root { --nom: valeur; } المقابلة لمتغيرات CSS (custom properties). معالجة محلية 100% داخل متصفحك — ولا يُرسل شيء إلى خادم.
كيف يعمل
تجمع متغيرات CSS (وتُسمى أيضًا «custom properties») ألوان هويتك البصرية في مكان واحد، مما يغنيك عن تكرار رمز اللون السداسي العشري نفسه في عشرات الملفات ويسهّل أي تغيير مستقبلي للمظهر (بما في ذلك الوضع الداكن). أضف أسطرًا أو احذفها، واضبط كل لون، وستتحدث الكتلة :root في الوقت الفعلي، جاهزة للصقها في أعلى ورقة الأنماط الرئيسية.
هل تُصحَّح أسماء المتغيرات غير الصالحة تلقائيًا؟
نعم: تُستبدل المسافات والأحرف غير المسموح بها بشرطات، ويُحوَّل الاسم إلى أحرف صغيرة التزامًا باصطلاح CSS المعتاد. وإذا انتهى متغيران بالاسم نفسه، تُضاف لاحقة رقمية تلقائيًا لتفادي أي تعارض.
هل يمكنني استخدام قيمة غير الألوان؟
نعم، يقبل حقل «القيمة» أي قيمة CSS صالحة (حجم بوحدة rem، أو خط، أو تدرج لوني...)، وإن ظلّ منتقي الألوان المجاور عمليًا لتكوين لوحة ألوان بسرعة.
الخصوصية: تبقى لوحة الألوان التي تكوّنها بالكامل داخل متصفحك، ولا يُرسل شيء ولا يُحفظ على أي خادم.