Color Converter — HEX و RGB و HSL و HSV وأسماء CSS
تحويل أي لون بين HEX و RGB و HSL و HSV وتنسيقات الألوان المسماة في CSS على الفور. أدخل رمز hex أو rgb() أو hsl() أو اسم لون لرؤية جميع التمثيلات جنبًا إلى جنب — مجاني بدون تسجيل.
Color Converter
ما هي تنسيقات الألوان المدعومة؟
تدعم هذه الأداة HEX (#rrggbb واختصار #rgb) و RGB (rgb(r, g, b)) و HSL (hsl(h, s%, l%)) و HSV (يسمى أيضًا HSB) وجميع 140 لون مسمى في CSS مثل 'red' و 'cornflowerblue' و 'rebeccapurple'. يتم الكشف عن التنسيق تلقائيًا من إدخالك.
متى أستخدم كل تنسيق؟
HEX هو التنسيق الأكثر شيوعًا في تصميم الويب وهو مضغوط. RGB مفيد لخلط الألوان والتركيب. HSL بديهي لإنشاء متغيرات اللون (اضبط الإضاءة أو التشبع). HSV (Hue-Saturation-Value) يُستخدم في العديد من أدوات التصميم بما في ذلك Photoshop و Figma. الألوان المسماة في CSS مفيدة للنماذج الأولية السريعة.
كيف يختلف HSV عن HSL؟
كلاهما يستخدم زاوية صبغة ونسبة تشبع، لكنهما يختلفان في المكون الثالث: يستخدم HSL الإضاءة (50% هي اللون النقي)، بينما يستخدم HSV Value/Brightness (100% هي أعلى إصدار من هذه الصبغة). تطبيقات التصميم مثل Photoshop تستخدم عادةً HSV، بينما CSS يستخدم HSL.
كيفية الاستخدام
- اكتب أو الصق لونًا بأي تنسيق — HEX أو rgb() أو hsl() أو اسم لون CSS.
- أو استخدم محدد اللون لتحديد لون بصريًا.
- يتم تحديث جميع تمثيلات التنسيق على الفور.
- انقر على نسخ بجانب أي تنسيق لنسخ تلك القيمة إلى حافظة النسخ لديك.
بيانات اللون الخاصة بك تبقى في متصفحك — لا يتم إرسال أي بيانات إلى أي خادم.
الأسئلة الشائعة
- ما هي تنسيقات الألوان التي يمكنني إدخالها؟
- HEX (#rrggbb أو #rgb) و rgb(r, g, b) و hsl(h, s%, l%) وأي لون مسمى في CSS مثل 'tomato' أو 'steelblue'.
- لماذا لا يحتوي لوني على اسم CSS؟
- فقط 140 لون لديها معادلات مسماة رسمية في CSS. إذا لم يطابق لونك واحدًا منها بالضبط، ستظهر حقل اسم CSS علامة اندفاع.
- ما هو HSV / HSB؟
- HSV (Hue, Saturation, Value) — ويسمى أيضًا HSB (Hue, Saturation, Brightness) — هو نموذج ألوان يُستخدم في العديد من أدوات التصميم. القيمة/الإضاءة 100% تعطي أعلى إصدار من الصبغة، بخلاف HSL حيث 50% إضاءة هي اللون النقي.
- هل محول اللون هذا مجاني؟
- نعم، مجاني تمامًا بدون تسجيل. جميع التحويلات تحدث في متصفحك — لا يتم إرسال أي بيانات إلى أي خادم.