منتقي الألوان
اختر الألوان واحصل على رموز HEX و RGB و HSL
يعمل في متصفحك
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)ألوان سريعة
ما هو منتقي الألوان؟
منتقي الألوان أداة أونلاين لاختيار الألوان والحصول على رموزها بصيغ مختلفة (HEX, RGB, HSL). مفيدة للمصممين والمطوّرين ومن يعملون بالألوان في مشاريعهم.
حالات الاستخدام
- اختيار ألوان لتصميم الموقع أو التطبيق
- الحصول على رموز HEX و RGB و HSL للاستخدام في CSS
- البحث عن ألوان مناسبة للعلامة أو المشروع
- التحويل بين صيغ الألوان المختلفة
متى تستخدم؟
استخدم هذه الأداة عند اختيار الألوان أو الحصول على رموزها أو التحويل بين الصيغ. مفيدة لمصممي الويب وواجهة المستخدم ومطوّري الواجهات الأمامية.
أمثلة
أزرق العلامة التجارية
الإدخال
#1A6CF5
المخرجات
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
لون مميز دافئ
الإدخال
#F4A261
المخرجات
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
أسئلة وأجوبة
ما الفرق بين HEX وRGB وHSL؟
كلها تصف اللون نفسه بطرق مختلفة. HEX هو الصيغة المختصرة المستخدمة في CSS، وRGB يسرد قيم الأحمر والأخضر والأزرق من 0 إلى 255، وHSL يستخدم درجة اللون والتشبع والإضاءة، مما يسهّل إنشاء درجات أفتح أو أغمق.
كيف أنسخ رمز اللون؟
اختر لونًا، ثم استخدم زر النسخ بجوار قيمة HEX أو RGB أو HSL التي تحتاجها.
لماذا قد يعطي التحويل العكسي من HSL لونًا مختلفًا قليلًا؟
تُقرَّب قيم HSL إلى أعداد صحيحة، لذا قد يختلف تحويلها مرة أخرى إلى HEX بدرجة واحدة.