أدوات الخصوصية المجانيةمنتقي الألوان
اختر أي لون بصريا واحصل فورا على قيم HEX وRGB لنسخها. مجاني.
كيفية الاستخدام
- انقر في أي مكان على طيف الألوان أو اسحب المحدد لاختيار درجة لون بصريًا.
- اضبط بدقة بمنزلق السطوع/التشبع، أو اكتب قيمًا دقيقة في حقول HEX أو RGB أو HSL.
- شاهد لونك معروضًا كبيرًا مع كل رموزه (HEX وRGB وHSL وCMYK) جاهزًا للنسخ.
- انقر على أي رمز لنسخه، أو احفظ الألوان في لوحتك للجلسة.
الأسئلة الشائعة
هل هي مجانية فعلًا؟
نعم — كل أداة على هذا الموقع مجانية 100% دون حدود ودون تسجيل ودون علامات مائية.
هل بياناتي خاصة؟
بالتأكيد. تتم كل المعالجة محليًا في متصفحك. لا تُرفع ملفاتك أبدًا إلى أي خادم.
ما الفرق بين HEX وRGB وHSL؟
HEX (#FF5733) طريقة مدمجة لكتابة قيم RGB — فاللون نفسه بثلاثة ترميزات. وRGB (255، 87، 51) تصف شدة ضوء الأحمر/الأخضر/الأزرق. وHSL (11°، 100%، 60%) تصف درجة اللون والتشبع والإضاءة، التي يجدها كثير من المصممين أكثر بديهية لضبط الألوان. وهي قابلة للتبادل؛ اختر ما تحتاجه أداتك.
كيف أختار ألوانًا تنسجم معًا؟
ابدأ بلون أساسي واحد، ثم جرّب مكمّله (المقابل على عجلة الألوان) لتباين عالٍ أو جيرانًا مماثلة للتناغم أو ثلاثيًا ثلاثيًا لتوازن نابض. ويستطيع مولّد اللوحات بجانب المنتقي بناء هذه المخططات تلقائيًا من لونك المختار.
ما أداة القطارة وكيف أستخدمها؟
تتيح لك القطارة أخذ عينة من أي لون مرئي على شاشتك — انقرها ثم انقر على أي بكسل في نافذة المتصفح لالتقاط رموز ذلك اللون بالضبط. مثالية لمطابقة ألوان علامات من شعار أو استعارة إلهام من موقع يعجبك.
لماذا يبدو لوني مختلفًا على شاشة أخرى؟
تختلف الشاشات في السطوع والتباين ومعايرة الألوان — فلون مضبوط على هاتف قد يبدو باهتًا على شاشة رخيصة. ولأعمال العلامات الحرجة، تحقق من الألوان على أجهزة متعددة وفكّر في ملفات ألوان رسمية (sRGB هو المعيار الآمن للويب).
الدليل الكامل لاختيار الألوان مثل مصمم
اللون هو أسرع إشارة عاطفية في التصميم — فيكوّن الزوار آراء حول موقع في أجزاء من الثانية، واللون يقوم بمعظم ذلك الحديث. لكن معظم الناس يختارون الألوان بشعور غامض وأمل. ويمنحك هذا الدليل المعرفة العملية: نماذج الألوان وقواعد التناغم وإمكانية الوصول وسير عمل عملية.
نماذج الألوان، مفسرة
HEX (#3B82F6) هو RGB مكتوبًا باختصار — ستة أرقام ست عشرية للأحمر والأخضر والأزرق. وهو لغة الويب المشتركة في CSS. وRGB (59، 130، 246) هي البيانات نفسها بالعشري، المستخدمة في أدوات التصميم وشيفرة اللوحات. وHSL (217°، 91%، 60%) يعيد تأطير اللون كدرجة لون (الموضع على العجلة) وتشبع (الشدة) وإضاءة — أسهل بكثير للبشر: «اجعله أغمق قليلًا» هو مجرد خفض الإضاءة. وCMYK للطباعة لا الشاشات — تجاهله إلا إذا كنت ترسل شيئًا إلى طابعة. حوّل بحرية؛ فاللون مطابق والترميز فقط يتغير.
التناغم: ألوان تنتمي معًا
عجلة الألوان هي ورقة غشك. فالأزواج المتكاملة (الأضداد: أزرق/برتقالي) تخلق أقصى طاقة وتباين — رائعة لأزرار الحث على اتخاذ إجراء. والمجموعات المماثلة (الجيران: أزرق/تركوازي/أخضر) تبدو هادئة ومتماسكة — رائعة للخلفيات. والثلاثيات الثلاثية (متباعدة بالتساوي: أحمر/أصفر/أزرق) تبدو مرحة وجريئة. والمخططات أحادية اللون (درجة واحدة بإضاءات متنوعة) تبدو أنيقة دون جهد. وقاعدة إبهام: اختر لونًا مهيمنًا واحدًا ولونًا داعمًا واحدًا ولمسة واحدة — ثم توقف. فمعظم اللوحات القبيحة تفشل من ألوان كثيرة لا خاطئة.
قاعدة 60-30-10
يقسم بها مصممو الديكور الداخلي وهي تعمل على الشاشات أيضًا: 60% لون مهيمن (خلفيات) و30% ثانوي (أقسام وبطاقات) و10% لمسة (أزرار وروابط وتمييزات). وهي تضمن التوازن مهما اخترت من درجات.
إمكانية الوصول ليست اختيارية
حوالي 1 من كل 12 رجلًا لديه نقص ما في رؤية الألوان. لا ترمّز المعنى باللون وحده أبدًا — اقرنه بتسميات أو أيقونات أو أنماط. وللنصوص، تحقق من نسب التباين (4.5:1 كحد أدنى لنص المتن وفق WCAG)؛ وأداة مدقق التباين لدينا تتحقق من ذلك بنقرة واحدة. ويبقى النص الداكن على خلفيات فاتحة أكثر تركيبة مقروءة اختُبرت على الإطلاق.
نصائح سير عمل
خذ عينات من إلهام واقعي بالقطارة — شعارات علامات وصور وملصقات أفلام. ابنِ لوحة صغيرة (3–5 ألوان) وأعد استخدامها في كل مكان لاتساق بصري فوري. وسمّ ألوانك («أزرق العلامة» و«أحمر التنبيه») في ملاحظاتك حتى يستخدم الفريق كله القيم نفسها. وعند الشك، اسرق من الطبيعة: فالغروب والغابات والمحيطات أتقنت اللوحات على مدى ملايين السنين.