لوحة ألوان من موقع
أدخل أي رابط موقع واستخرج لوحة ألوانه: كل لون مُستخدَم في أوراق أنماطه، مرتّبًا حسب التكرار وجاهزًا للنسخ أو للتصدير كشيفرة.
أدخل عنوان موقع لاستخراج لوحة ألوانه.
لا يمكن قراءة سوى صفحات الويب العامة، وتأتي الألوان من CSS الذي تشحنه الصفحة: قد يُرجِع موقع يرسم بالصور أو بلوحة الرسم ألوانًا أقل. مجاني، دون تسجيل.
حول لوحة ألوان من موقع
تكشف أداة لوحة ألوان من موقع الألوان التي يستخدمها الموقع فعليًا. أدخل عنوان ويب عامًا فتُجلَب الصفحة من جهتنا, إذ لا تستطيع المتصفّحات قراءة موقع آخر مباشرة بسبب قيود المصادر المتقاطعة, ثم تُفحَص أنماطها المضمّنة وكتل الأنماط المدمجة وأوراق الأنماط المرتبطة بحثًا عن كل رمز لون.
تُوحَّد قيم HEX وrgb() وrgba() وhsl() وhsla() جميعها إلى صيغة HEX واحدة وتُحصى، فتعود اللوحة مرتّبة حسب عدد مرات ظهور كل لون في CSS الموقع. هذا الترتيب حسب التكرار هو ما يفصل لون العلامة الأساسي الحقيقي عن عشرات الحدود والظلال العرضية أسفل القائمة.
تُنسخ كل عيّنة بنقرة واحدة، وتحوّل لوحة التصدير النتيجة إلى متغيّرات CSS أو SCSS أو إعدادات Tailwind أو JSON أو ورقة عيّنات SVG أو قائمة HEX عادية. الأداة مجانية ومحدودة المعدّل، ولا تصل إلا إلى العناوين العامة، ولا تخزّن شيئًا سوى ذاكرة مؤقتة قصيرة العمر للاستخراج.
كيفية استخدام لوحة ألوان من موقع
- الصق عنوان موقع عام في الحقل (يُضاف https:// تلقائيًا إذا أغفلته).
- انقر على "استخراج الألوان" وانتظر لحظة بينما تُقرأ الصفحة وأوراق أنماطها.
- راجع اللوحة: تُرتَّب الألوان حسب عدد مرات ظهورها في CSS الموقع.
- انقر على أي عيّنة لنسخ قيمة HEX الخاصة بها، أو استخدم "نسخ الكل" للقائمة بأكملها.
- افتح التصدير للحصول على اللوحة كـ CSS أو SCSS أو Tailwind أو JSON أو SVG أو HEX عادي.