محدد اللون محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
اختر لونًا
انقر على لوحة الألوان، واستخدم محدد اللون الأصلي، أو عدّل متغيرات HSL.
عرض جميع التنسيقات
استعراض اللون في تنسيقات HEX و RGB و HSL و CMYK في نفس الوقت.
نسخ أي تنسيق
انقر على نسخ بجوار أي تنسيق لالتقاط قيمته لمشروعك.
What Is محدد اللون?
محدد لون تفاعلي يسمح لك باختيار أي لون ومراجعته على الفور في أربعة صيغ ألوان رئيسية: HEX و RGB و HSL و CMYK. يتضمن الأداة شبكة تشبع-إضاءة، ومزلاج درجات اللون، وإدخال لون أصلي، مما يتيح لك عدة طرق لإيجاد اللون الدقيق الذي تحتاجه. سواء كنت مصممًا تبحث عن الدرجة المثالية أو مطورًا يحتاج إلى قيم الألوان لـ CSS أو أي شخص يعمل مع الألوان، فإن هذه الأداة توفر جميع القيم التي تحتاجها في مكان واحد. تعرض الشبكة شبكة تشبع-إضاءة كاملة للدرجة الحالية المحددة، مما يسمح لك باستكشاف تنوعات اللون بشكل مرئي. يتم تحديث مخرجات الصيغ الأربعة في الوقت الفعلي وتتضمن أزرار نسخ، بحيث يمكنك الحصول بسرعة على القيمة التي تحتاجها لأي سياق - تطوير الويب أو تصميم الطبع أو تطوير التطبيقات.
Why Use محدد اللون?
-
طرق إدخال متعددة: لوحة، محدد أصلي، ومحددات HSL
-
أربعة تنسيقات إخراج في نفس الوقت: HEX و RGB و HSL و CMYK
-
معاينة لون كبيرة ودقيقة للتقدير البصري
-
محدد تشبع-إضاءة قائم على لوحة للاستكشاف الدقيق للألوان
-
نسخ بلمسة واحدة لكل تنسيق
Common Use Cases
تطوير الويب
ابحث عن اللون المثالي وانسخه في أي تنسيق متوافق مع CSS (HEX، RGB، HSL).
أعمال التصميم
استكشف الألوان بصرية باستخدام لوحة الألوان واحصل على قيم دقيقة لأدوات التصميم.
مرجع عبر التنسيقات
انظر كيف يترجم لون واحد عبر تنسيقات HEX و RGB و HSL و CMYK في نفس الوقت.
استعداد الطباعة
اختر لونًا بصرية واحصل على قيم CMYK للتصحيح قبل الطباعة.
Technical Guide
يعرض محدد اللون شبكة بحجم 256×256 حيث تمثل المحور السيني التشبع (0-100٪) والمحور الصادي الإضاءة (100-0٪). يتم حساب تحويل HSL إلى RGB لكل بكسل ورسوماته. يتحكم مزلاج الدرجة في الدرجة التي تظهر على الشبكة، مما يخلق مساحة استكشاف شاملة لأي لون. تستخدم الشبكة واجهة برمجة التطبيقات HTML5 Canvas للتصيير في الوقت الفعلي. عند النقر على الشبكة، يتم تعيين موقع الماوس إلى قيم التشبع والإضاءة، والتي يتم تحويلها بعد ذلك إلى جميع صيغ الإخراج الأربعة. يوفر إدخال اللون الأصلي طريقة بديلة للتحديد ويتزامن بشكل ثنائي الاتجاه مع مزلقات HSL. تستخدم مخرجات CMYK الصيغة الرياضية لتحويل RGB إلى CMYK. يتم جميع التحويلات في الوقت الفعلي دون أي تفاعل مع الخادم، مما يجعل الأداة استجابة وخاصة.
Tips & Best Practices
-
1انقر في أي مكان على لوحة الألوان للعثور سريعًا على لون في عائلة الدرجة الحالية
-
2استخدم محدد الدرجة لتجاوز الطيف، ثم ضبط دقيق باستخدام لوحة الألوان
-
3يقدم محدد اللون الأصلي وصولاً إلى حوار ألوان نظام التشغيل للحصول على الدقة القصوى
-
4انسخ HEX للويب، RGB لCanvas/JavaScript، HSL لتيمة CSS، CMYK للطباعة
-
5غالبًا ما تكون قيم HSL هي الأكثر فائدة لإنشاء مقياس الألوان لنظام التصميم
Related Tools
مُحَوِّل HEX إلى RGB
قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.
🎨 Color Tools
مُحَوِّل RGB إلى HSL
قم بتحويل قيم RGB إلى تنسيق لون HSL باستخدام شريحة تفاعلية.
🎨 Color Tools
مُولِد الألوان العشوائية
قم بإنشاء ألوان عشوائية مع قيود أسلوب اختيارية مثل اللطيف أو الزاهي أو الدافئ.
🎨 Color Tools
عجلة التآلف اللوني
عجلة ألوان تفاعلية مع خمسة أنواع من التآلف والتحديد المرئي.
🎨 Color Tools
مُvisualize مساحة الألوان
استعرض أي لون عبر HEX و RGB و HSL و HSV و CMYK مع مخططات الشريط.
🎨 Color ToolsFrequently Asked Questions
Q لماذا أحتاج إلى محدد ألوان؟
Q ما الفرق بين لوحة الألوان ومحدد اللون الأصلي؟
Q هل يمكنني اختيار الألوان من شاشتي؟
Q هل تكون مخرجات التنسيق الأربعة متزامنة دائمًا؟
About This Tool
محدد اللون is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.