منتقي الألوان عبر الإنترنت: عجلة الألوان ومحول (HEX, RGB, LCH)
●
●
●
●
●
إعدادات مسبقة
سواء كنت مصمم ويب يضبط أنماط CSS، أو مصمم جرافيك يبحث عن الدرجة المثالية للشعار، أو تحتاج فقط لمعرفة كود لونك المفضل بسرعة، فإن أداتنا المتقدمة لاختيار الألوان (Color Picker) هنا من أجلك.
انسَ تشغيل برنامج فوتوشوب الثقيل أو البحث عن إضافات للمتصفح. هنا لديك معمل ألوان متكامل يعمل فوراً، يدعم جميع الصيغ ويتذكر عملك.
لماذا تستخدم أداة اختيار الألوان هذه؟
الودجت الخاص بنا ليس مجرد عجلة ألوان عادية. لقد تم تصميمه لتحقيق أقصى قدر من الإنتاجية والدقة.
1. جميع الصيغ تحت سقف واحد 🎨
هل تحتاج إلى تحويل HEX إلى RGB؟ أو هل تعمل مع HSL الحديث؟ تقوم أداتنا تلقائياً وفي الوقت الفعلي بإعادة حساب القيم بين جميع المعايير المستخدمة.
- HEX: لـ HTML و CSS (على سبيل المثال،
#ff5733). - RGB: للشاشات الرقمية وبرامج الجرافيكس.
- HSL & HSV: للتعديلات البديهية للتشبع والسطوع، والتي ستقدرها عند إنشاء لوحات الألوان.
2. سجل ذكي وإعدادات مسبقة 🕒
لا شيء يثير الإحباط أكثر من العثور على اللون المثالي وفقدانه عن طريق الخطأ.
- السجل التلقائي: تتذكر الأداة آخر الألوان التي عملت بها (حتى لو قمت بتحديث الصفحة).
- إعدادات مسبقة سريعة: لقد قمنا بإعداد مجموعة من الألوان الأساسية لك للبدء بسرعة.
3. التحكم البديهي بالسحب والإفلات 🖱️
التحكم سلس ودقيق. باستخدام الماوس أو اللمس على الهاتف المحمول، يمكنك:
- تغيير درجة اللون على عجلة الألوان الكبيرة.
- ضبط التشبع والسطوع بدقة على المربع المفصل.
- أو إدخال قيمة دقيقة مباشرة وترك الأداة تقوم بالحسابات المتبقية.
دليل نماذج الألوان: متى تستخدم كل منها؟
عالم الألوان الرقمية قد يكون مربكاً. إليك نظرة سريعة لتعرف أي صيغة تختار لمشروعك.
| الصيغة | الاسم الكامل | متى تستخدمها؟ |
|---|---|---|
| HEX | Hexadecimal | معيار الويب. رمز مكون من ستة أحرف (على سبيل المثال، #000000) تستخدمه المتصفحات. إنه الأقصر والأسهل للنسخ. |
| RGB | Red, Green, Blue | الشاشات والعروض. يحدد مقدار الضوء الأحمر والأخضر والأزرق الذي يجب إضاءته. تتراوح القيم من 0 إلى 255. |
| HSL | Hue, Saturation, Lightness | الإدراك البشري. الأفضل للمصممين. هل تريد لوناً “أفتح قليلاً” أو “أقل تشبعاً”؟ في HSL، ما عليك سوى تغيير النسب المئوية، بينما في HEX سيتعين عليك التخمين. |
| HSV | Hue, Saturation, Value | برامج الجرافيكس. مشابه لـ HSL، ولكنه يستخدم غالباً في أدوات مثل Photoshop أو GIMP لاختيار الألوان. |
| LCH | Lightness, Chroma, Hue | دقة حديثة. يُعرف بأنه “متجانس إدراكياً”. يحل خطأ HSL حيث تبدو الألوان الصفراء أفتح من الزرقاء بنفس القيمة. في LCH، يتطابق تغيير الأرقام تماماً مع كيفية إدراك العين البشرية للتغيير. مثالي لأنظمة التصميم وإمكانية الوصول. |
كيفية العمل بفعالية مع منتقي الألوان
- الاختيار الأولي: انقر داخل عجلة الألوان لاختيار درجة اللون الأساسية (Hue).
- الضبط الدقيق: في المربع الأوسط، اضبط التشبع (التحريك يميناً/يساراً) والسطوع (التحريك لأعلى/لأسفل).
- الإدخال اليدوي: هل لديك كود محدد، على سبيل المثال
#3498db؟ أدخله في حقل HEX. ستعرض الأداة معاينة فورية وتعيد حساب قيم RGB و HSL. - النسخ: بنقرة واحدة على أيقونة النسخ بجانب الكود، احفظ الكود الناتج في الحافظة.
- العودة بالزمن: هل تحتاج إلى لون كنت تستخدمه منذ فترة؟ انظر إلى قسم سجل الألوان في الجزء السفلي.