حول صيغ الألوان هذه
تُعد HEX وَRGB الصيغتين المعياريتين للشاشات وCSS: فـHEX مضغوط (#3B82F6)، بينما يُظهر RGB كل قناة بوضوح (0-255). أما HSL (تدرج اللون، التشبع، الإضاءة) وَHSV (تدرج اللون، التشبع، القيمة/السطوع) فتصفان اللون بطريقة أقرب إلى إدراك الإنسان له - مما يسهّل اختيار درجة أو تنويع ضمن التدرج نفسه. أما CMYK (السماوي، الأرجواني، الأصفر، الأسود) فمخصص للطباعة، حيث يُنتَج اللون بمزج الحبر بدلاً من بعث الضوء.
ماذا تفعل هذه الأداة
يعرض محوّل الألوان لونًا واحدًا بخمس صيغ في الوقت نفسه: HEX وRGB وHSL وHSV وCMYK. اكتب رمز hex أو أدخل قيم RGB أو اسحب المنزلقات أو اختر أحد ألوان CSS المسماة البالغ عددها 148، فتتحدث جميع الصيغ فورًا.
لكل سطر زر نسخ خاص به، وهو مكتوب بصياغة جاهزة لـ CSS، مثل rgb(59, 130, 246) أو hsl(217, 91%, 60%). ويجري التحويل بالكامل داخل متصفحك.
متى تستخدمها
- نقل لون العلامة التجارية من ملف تصميم بصيغة HEX إلى شيفرة CSS أو Android أو iOS تتوقع RGB أو HSL.
- إنشاء درجة أفتح أو أغمق من اللون نفسه بتغيير الإضاءة فقط في HSL.
- التأكد من أن النص فوق لون ما يبقى مقروءًا باستخدام أداة فحص تباين الألوان.
- بناء لوحة ألوان لنظام تصميم وتوثيق كل لون بجميع الصيغ التي قد يحتاجها المطورون.
مثال عملي
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · cmyk(76%, 47%, 0%, 4%)
#FF6347 (tomato)
rgb(255, 99, 71) · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · cmyk(0%, 61%, 72%, 0%)
أسئلة حول هذه الأداة
لماذا يقارب CMYK ألوان الطباعة فقط؟
تمزج الشاشات الضوء وتمزج الطابعات الحبر، وكل طابعة وورق يتصرفان بشكل مختلف. قيم CMYK تحويل رياضي، لذا اطلب من المطبعة قيمة مبنية على ملف تعريف لوني عندما تهم دقة اللون.
ما الفرق بين HSL وHSV؟
كلاهما يبدأ بالتدرج والتشبع. يستخدم HSL الإضاءة، حيث 100% أبيض دائمًا، بينما يستخدم HSV القيمة أو السطوع، حيث 100% أكثر نسخة حيوية من اللون. تستخدم أدوات التصميم غالبًا HSV، ويستخدم CSS صيغة HSL.
هل يدعم الشفافية؟
العتامة ليست جزءًا من الصيغ الخمس هنا. في CSS أضفها كقيمة رابعة، مثل rgb(59 130 246 / 50%)، أو كرقمين إضافيين في hex، #3B82F680.
هل هذه الأداة مجانية؟
نعم، إنها مجانية. دون تسجيل أو بريد إلكتروني. تظهر النتيجة في هذه الصفحة.
كيف أحصل على النتيجة؟
استخدم الأداة في هذه الصفحة. تظهر النتيجة هنا دون الحاجة إلى إرسالها بالبريد الإلكتروني.