منتقي الألوان هو أداة تتيح لك اختيار الألوان بصريًا والحصول عليها بتنسيقات أكواد الألوان المختلفة المستخدمة في التصميم الرقمي. إنها أداة لا غنى عنها للمصممين والمطورين.
تنسيقات الألوان الرئيسية
يدعم منتقي الألوان تنسيقات ألوان متعددة مثل HEX (كود اللون السداسي عشري)، RGB (Red, Green, Blue)، HSL (Hue, Saturation, Lightness)، و HSV (Hue, Saturation, Value). يُعد HEX الأكثر استخدامًا في CSS، ويمثل اللون بستة أرقام سداسية عشرية مثل #FF5733. يمثل RGB الألوان الأساسية الثلاثة (الأحمر، الأخضر، الأزرق) بقيم عددية من 0 إلى 255، وهو مثالي للشاشات الرقمية. يتيح HSL تعديل اللون بشكل بديهي عن طريق تدرج اللون والتشبع والإضاءة، بينما يُستخدم HSV غالبًا في برامج الجرافيك.
كيفية استخدام أكواد الألوان
يمكن كتابة الألوان المختارة في CSS مثل "color: #FF5733;" أو "background-color: rgb(255, 87, 51);". في HTML، يمكن تحديدها في سمة النمط مثل "<div style='color: #FF5733;'>". في JavaScript، يمكن ضبط اللون برمجيًا مثل "element.style.backgroundColor = '#FF5733';". في أدوات التصميم مثل Figma, Adobe XD, و Sketch، يمكن إدخال كود اللون مباشرة لإعادة إنتاج اللون بدقة.
تحويل تنسيقات الألوان
تقوم أداة منتقي الألوان بالتحويل تلقائيًا بين تنسيقات الألوان المختلفة. على سبيل المثال، كود HEX "#FF5733" يُعبر عنه كـ "rgb(255, 87, 51)" في RGB، و "hsl(9, 100%, 60%)" في HSL. لإضافة الشفافية، يتم استخدام RGBA أو HSLA. كما يمكن التحويل إلى تنسيق CMYK المخصص للطباعة، مما يسهل توحيد الألوان بين البيئات والأدوات المختلفة.