ارفع صورة فتُستخرَج ألوانها بأكوادها، أو اضغط على أي نقطة في الصورة لتسحب لونها بالضبط — ومع كل لون لوحات متناسقة معه.
يقبل الصيغ كلها: #2C6BB0 · 2C6BB0 · #27B · rgb(44, 107, 176) · 44,107,176 · hsl(211, 60%, 43%) — وتقدر تكتب الاسم الرسمي مثل navy أو steelblue، أو ترجمته العربية مثل «كحلي».
#2C6BB0
افتح العجلة واسحب حتى يعجبك اللون — الاسم والكود يتحدّثان معك مباشرة.
اسحب صورتك هنا أو اضغط للاختيار
PNG · JPG · WEBP · صورة واحدة في العملية
الألوان تُستخرَج بترتيب مساحتها في الصورة، وتُعرض نسبة كل لون.
اضغط على أي نقطة في الصورة لتسحب لونها بالضبط — مفيد لقطعة قماش أو كنب أو لون جدار. لون الصورة يتأثر بالإضاءة وتوازن الأبيض في الكاميرا، فالكود تقريبي لا مطلق.
اللون اللي سحبته من الصورة
الصورة تُعالَج داخل المتصفح — لا يتم رفع أي صور أو ملفات لأي سيرفر.
من وين تجي هذي الأرقام
الأسماء: من مواصفة CSS Color Module Level 4 الرسمية — ١٣٩ اسماً بأكوادها كما هي، ما فيه اسم من عندنا. والعربي ترجمة للاسم الرسمي. ولأن القائمة الرسمية محدودة، اللون اللي ما له مقابل دقيق تُكتب عنده علامة ≈ ويُقال «أقرب اسم رسمي» بدل ادّعاء مطابقة.
الألوان المتناسقة: محسوبة في فضاء OKLCh الإدراكي — المتمّم على ١٨٠° والمتجاوران على ±٣٠°، ومعهما محايد فاتح ومحايد غامق من نفس الدرجة. واللون شبه المحايد أو شديد الغمقان له مسار مختلف: تناسق بالفتحة والغمقة، لأن دوران الدرجة عليه يعيد نفس اللون.
درجة التباين: معادلة WCAG لنسبة التباين — ٧:١ فأعلى AAA، ٤٫٥:١ فأعلى AA، ٣:١ تكفي للنص الكبير، وما دونها ضعيف.
كل الحساب داخل متصفحك — لا صورة تُرفع ولا كود يُرسل لأي خادم.