لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم 

محول HSV إلى RGB

لونمطور

إعلان · يزيل؟

مدخل

عملية تلقائية

انتاج

جانب العميل

إعلان · يزيل؟

مرشد

جدول المحتويات

محول HSV إلى RGB

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

كيف تستعمل

اضبط منزلقات HSV — درجة اللون (0-360 درجة)، التشبع (0-100%)، والقيمة (0-100%) — لتعيين اللون الخاص بك. تقوم الأداة بحساب وعرض قيم RGB (0-255) ورمز HEX فورًا مع معاينة لون مباشرة. قم بالتبديل إلى وضع RGB إلى HSV لإدخال قيم RGB بدلاً من ذلك. استخدم أزرار النسخ للحصول على أي تنسيق إخراج بنقرة واحدة.

سمات

التحويل ثنائي الاتجاه – حوّل HSV إلى RGB أو RGB إلى HSV مع مزامنة مباشرة
منزلقات تفاعلية – عجلة درجة اللون (0-360 درجة)، ومنزلقات التشبع والقيمة مع تحديثات في الوقت الفعلي
تنسيقات إخراج متعددة – قيم RGB (0-255)، ورمز HEX، وقيم HSV كلها معروضة في وقت واحد
معاينة الألوان الحية – تحديث العينة المرئية فورًا أثناء ضبط القيم
نسخ بنقرة واحدة – انسخ قيم HSV أو RGB أو HEX إلى الحافظة
معالجة التدرج الرمادي – يتعامل بشكل صحيح مع الحالة الطرفية S=0 للألوان غير اللونية
معالجة جانب العميل – تتم جميع الحسابات في متصفحك دون أي تبعية للخادم

إعلان · يزيل؟

 التعليمات

ما هو نموذج لون HSV؟

HSV هو اختصار لـ Hue (درجة اللون)، Saturation (التشبع)، و Value (القيمة). تمثل درجة اللون زاوية اللون على عجلة 360 درجة (0 درجة = أحمر، 120 درجة = أخضر، 240 درجة = أزرق). يتحكم التشبع في كثافة اللون من 0% (رمادي) إلى 100% (لون نقي). تتحكم القيمة في السطوع من 0% (أسود) إلى 100% (سطوع كامل). غالبًا ما يفضل المصممون HSV لأنه يتوافق بشكل أكثر بديهية مع كيفية إدراك البشر للألوان ووصفها مقارنة بـ RGB.
كيف يعمل التحويل من HSV إلى RGB؟

يستخدم التحويل نموذج أسطوانة لون HSV. تحدد درجة اللون أي قطاع 60 درجة من عجلة الألوان يقع فيه اللون، مما يخلق ست حالات. داخل كل قطاع، يتم حساب الكروما (S×V) والقيم الوسيطة، ثم يتم تعيينها لقنوات RGB. عندما يكون التشبع صفرًا، تكون النتيجة قيمة تدرج رمادي حيث R=G=B=V×255. تتضمن الرياضيات منطقًا شرطيًا بناءً على قطاع درجة اللون، وهذا هو سبب خطأ الحسابات اليدوية.
ما الفرق بين HSV و HSL؟

يصف كل من HSV و HSL اللون باستخدام درجة اللون والتشبع، لكنهما يختلفان في المكون الثالث. يستخدم HSV القيمة (سطوع اللون)، بينما يستخدم HSL الإضاءة (الموضع بين الأسود والأبيض). في HSV، S=100% V=100% ينتج لونًا نقيًا زاهيًا. في HSL، S=100% L=50% ينتج لونًا نقيًا زاهيًا. HSV أكثر شيوعًا في انتقاء الألوان وبرامج التصميم الجرافيكي، بينما HSL أكثر شيوعًا في CSS وتطوير الويب.
لماذا يفضل المصممون HSV على RGB؟

يحدد RGB الألوان عن طريق خلط شدة الضوء، وهذا هو كيفية عمل الشاشات ولكن ليس كيف يفكر البشر في اللون. إن مطالبة شخص ما بإنشاء 'أزرق أغمق قليلاً، وأقل تشبعًا' أمر بديهي في HSV - فقط قلل V و S. في RGB، يتطلب تحقيق نفس النتيجة تعديل القنوات الثلاث بمقادير مختلفة. يفصل HSV الأبعاد الإدراكية الثلاثة للون (درجة اللون، النقاوة، السطوع) مما يجعله طبيعيًا لمهام اختيار الألوان ومعالجتها.