اختر لونًا، وانسخ الكود، وتابع عملك

منتقي ألوان ومنشئ تدرّجات وقطّارة صور في صفحة واحدة. بلا حساب ولا تثبيت ولا انتظار: اختر درجة وانسخها بصيغة HEX أو RGB أو HSL أو HSV.

%
فتح صفحة اللون

أكواد الألوان

HEX#0F37FF
RGBrgb(15, 55, 255)
HSLhsl(230°, 100%, 52.94%)
HSVhsv(230°, 94.12%, 100%)
CMYKcmyk(94.12%, 78.43%, 0%, 0%)
XYZxyz(19.61, 10.05, 95.5)
LABlab(37.93, 62.96, -98.45)
LCHlch(37.93, 116.86, 302.6°)

الألوان الرائجة

عرض كل الألوان الرائجة
#A5E3FE
#8E1025
#65E76F
#046B8B
#C37B3C
#C02148
#B5A9D0
#F29C8C
#2C3F44
#F04777
#3B89B0
#7CD0B2

ما الذي يضمّه

قطّارة

التقط الألوان من صورة رفعتها، أو من أي شيء على الشاشة حيث يدعم المتصفّح ذلك. أفلت ملفًا على الصفحة وانقر بكسلًا.

تحويل الصيغ

انتقل فورًا بين HEX و RGB و HSL و HSV و CMYK و XYZ و LAB و LCH، وانسخ أي قيمة مباشرة إلى CSS أو إلى أداة التصميم لديك.

منشئ التدرّجات

أضف نقاط التوقّف واسحبها على الشريط، وبدّل بين الخطّي والشعاعي، واضبط الزاوية والشفافية، ثم انسخ CSS الجاهز.

سجلّ الألوان

يبقى كل لون وكل تدرّج في متصفّحك، فتعود إليه لاحقًا أو تعيد استخدامه في مشروع آخر.

التناغم والتنويعات

تعرض كل صفحة لون درجات فاتحة وداكنة وستة مخطّطات تناغم، وتحوّل أيًّا منها إلى تدرّج بنقرة واحدة.

مجاني ويحترم الخصوصية

لا جدار دفع ولا تتبّع لما تختاره. الصور التي ترفعها تُقرأ داخل المتصفّح ولا تذهب إلى أي مكان.

لمن هذه الأداة

المصمّمون وفِرَق المنتج
عند رسم واجهة أو لوحة ألوان لعلامة تجارية، وتجريب التركيبات، ونسخ CSS الدقيق لتدرّج.
الرسم والفنون
لالتقاط الألوان من الصور واللوحات بالقطّارة، وتخطيط التظليل المتدرّج بسلاسة.
تطوير الواجهات
لإنتاج قيم لون متّسقة عبر المشروع، وقراءة القيم من تصميم قائم.
من يتحقّق من إمكانية الوصول
لمقارنة لون عبر عدّة نماذج وضبطه حتى تتجاوز نسبة التباين الحدّ المطلوب.

طريقة الاستخدام

  1. 1

    اختر لونًا

    انقر أي موضع في حقل التشبّع، ثم اضبط بدقّة بمنزلقَي درجة اللون والشفافية. تتحدّث قيم HEX و RGB و HSV أولًا بأول.

  2. 2

    التقط من صورة

    اسحب صورة إلى الصفحة أو اختر ملفًا، ثم انقر البكسل الذي تريده. تظهر الأكواد فورًا.

  3. 3

    ابنِ تدرّجًا

    انقر الشريط لإضافة نقطة توقّف واسحبها إلى موضعها. بدّل بين الخطّي والشعاعي، ثم اضبط الزاوية.

  4. 4

    انسخ وأعد الاستخدام

    انسخ القيمة أو تصريح CSS كاملًا. كل ما تختاره يُحفظ في سجلّك تلقائيًا.

أسئلة شائعة

أداة صغيرة لا تعترض طريقك

بدأت كأداة داخلية: أردنا التقاط لون وتعديله ثم المتابعة، دون فتح برنامج تصميم ثقيل أولًا. هي عمدًا صفحة واحدة، وعمدًا سريعة، وستبقى مجانية.

إضافات المتصفّح

تفضّل التقاط الألوان مباشرةً من الصفحات التي تزورها؟ تضيف إضافتا Chrome و Edge زرّ قطّارة إلى شريط الأدوات، وتحتفظان بسجلّ خاص، وتفتحان هذه الأداة بنقرة واحدة.

فتح متجر Chrome الإلكترونيفتح إضافات Microsoft Edge