منتقي الألوان ومحوّلهااختر لونًا، وحوّل بين HEX وRGB وHSL، والتقط الألوان من صورة أو من الشاشة، وتحقق من التباين مع النص الأبيض والأسود.
مولّد لوحات الألوان
ابنِ لوحة متناسقة من لون علامتك باستخدام تناسقات عجلة الألوان، أو استخرج الألوان الرئيسية من صورة. انسخ القيم منفردة أو صدّر متغيرات CSS.
اختر صورة
تعمل بالكامل داخل متصفحك. لا تُرفع بياناتك أو ملفاتك إلى أي خادم.
طريقة الاستخدام
- اختر لونًا أساسيًا ونوع التناسق — أو انتقل إلى «من صورة» وافتح صورة.
- انقر على أي لون لنسخ رمز HEX.
- انسخ متغيرات CSS لاستخدام اللوحة في ملف التنسيق.
أمثلة
تدرّج ألوان لواجهة
استخدم «درجات فاتحة وداكنة» للحصول على خلفيات فاتحة ونصوص داكنة من لونك الأساسي.
لوحة من صورة منتج
استخرج 6 ألوان من الصورة لتنسيق صفحة هبوط تتناسق معها.
الخصوصية
تعمل بالكامل داخل متصفحك. لا تُرفع بياناتك أو ملفاتك إلى أي خادم. راجع سياسة الخصوصية لمعرفة ما يُحفظ في متصفحك (المفضلة والسجل فقط). سياسة الخصوصية
تحقق بنفسك: افتح أدوات المطوّر في متصفحك، واختر تبويب «الشبكة» (Network)، ثم استخدم الأداة. لن يظهر ملفك في أي طلب رفع. وبعد حفظ هذه الصفحة للاستخدام دون اتصال، يمكنك أيضًا قطع الاتصال بالإنترنت ومواصلة العمل. الإعلانات وإحصاءات الزيارات المجهولة، عند تفعيلها، ترسل طلباتها الخاصة، لكنها لا تتلقى ملفاتك أو نصوصك أبدًا.
أسئلة شائعة
كيف تُستخرج ألوان الصورة؟
تُصغَّر الصورة وتُجمّع بكسلاتها بخوارزمية التجميع k-means؛ وتصبح أكبر المجموعات هي اللوحة.
هل التناسقات مناسبة لإمكانية الوصول؟
التناسقات تخص العلاقة بين الألوان لا التباين. تحقق من أزواج النص والخلفية بنسبة التباين في منتقي الألوان.
أدوات ذات صلة
كل أدوات الصورمولّد أيقونة الموقع (Favicon)أنشئ مجموعة favicon كاملة من صورة أو حرف: favicon.ico وأيقونات PNG من 16 إلى 512 بكسل وأيقونة Apple وملف manifest ووسوم HTML في ملف ZIP واحد.
معاينة SVG وتحسينهعاين ملفات SVG بأمان وقلّل حجمها بحذف التعليقات وبيانات برامج التصميم والمسافات، مع تقريب الأرقام اختياريًا.
مولّد وسوم الميتاأنشئ وسوم ميتا HTML نظيفة لصفحتك: العنوان والوصف والرابط القانوني وتعليمات الزحف ووسوم Open Graph وبطاقات تويتر مع إرشادات الطول.
ضغط الصوراضغط صور JPG وPNG وWebP داخل متصفحك حسب الجودة أو إلى حجم محدد مثل 100 كيلوبايت.
تغيير حجم الصورغيّر أبعاد صور JPG وPNG وWebP إلى قياس دقيق بالبكسل أو بنسبة مئوية مع خيار الحفاظ على النسبة.