HEX · RGB · HSL · HSV · CMYK
محوّل الألوان
اللون #0060fd هو rgb(0, 96, 253) وhsl(217, 100%, 50%) وcmyk(100%, 62%, 0%, 1%). اكتب أي لون CSS أو استعمل أداة الاختيار لتحويل لونك.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
تتحدّث البطاقات أثناء الكتابة. وإذا لم يكن النص لونًا ظهر خطأ وبقي آخر لون صالح على الشاشة.
Scanned by 
NortonTM Safe Web
نظرة سريعة
- السعر
- بلا مقابل
- الحساب
- غير مطلوب
- الرفع
- لا ينطبق — تكتب لونًا ولا يُرسل شيء إلى أي مكان
- الإدخال
- HEX (من 3 أو 4 أو 6 أو 8 خانات) وrgb() وhsl() وhwb() و148 اسم لون في CSS وtransparent
- الإخراج
- HEX وRGB وHSL وHSV وCMYK وأقرب اسم لون في CSS
- CMYK
- تحويل رياضي، وليس ملف طباعة
ألوان شائعة في كل نموذج
أُنتجت هذه الصفوف بالشيفرة نفسها التي يستعملها المحوّل. وتُقرَّب قيم HSL وHSV وCMYK إلى أعداد صحيحة.
| المكتوب | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
كيف تحوّل لونًا
أدخل لونًا
اكتب رمز HEX من 3 أو 4 أو 6 أو 8 خانات، أو قيمة rgb() أو hsl() أو hwb()، أو أحد أسماء ألوان CSS البالغ عددها 148. ويمكنك أيضًا النقر على مربع اللون واختيار لون بأداة الاختيار في متصفحك.
اقرأ النماذج الأخرى
تعرض العيّنة اللون فوق رقعة شطرنج ليظهر الشفاف منه. وتعرض البطاقات اللون نفسه بصيغ HEX وRGB وHSL وHSV وCMYK، مع أقرب اسم لون في CSS.
انسخ ما تحتاجه
اضغط «نسخ» على بطاقة لوضع قيمتها في الحافظة، جاهزة للصق في ورقة أنماط أو أداة تصميم أو مستند.
كيف ترتبط نماذج الألوان
يصف RGB اللون بمقادير الضوء الأحمر والأخضر والأزرق التي تجمعها الشاشة، كل منها من 0 إلى 255؛ فاللون #0060fd هو 0 أحمر و96 أخضر و253 أزرق. وHEX هو الأرقام الثلاثة نفسها مكتوبة بالأساس 16، فيكون 96 هو 60 و253 هو fd. أما HSL وHSV فيصفان اللون نفسه بزاوية تدرّج من 0 إلى 360 درجة على عجلة الألوان مع نسبتين مئويتين: التشبّع، والإضاءة (في HSL) أو القيمة (في HSV). وللون #0060fd تدرّج 217 في كليهما. وأما CMYK فيصف الحبر: يُطرح السماوي والأرجواني والأصفر والأسود من الورق الأبيض.
وCMYK المعروض هنا هو التحويل الرياضي البسيط: الأسود هو 1 ناقص أكبر قيم R وG وB، والسماوي والأرجواني والأصفر هي ما يتبقى. وهو ليس ملف طباعة، فالطابعة أو برنامج التصميم الذي يستعمل ملفات ICC سيعطي أرقام CMYK مختلفة للون نفسه. وتُعرض قيم HSL أعدادًا صحيحة، فقد يحرّك تحويل قيمة مقرَّبة إلى الأصل قناةً بضع وحدات: فـ hsl(217, 100%, 50%) هو #0062ff لا #0060fd. وأقرب اسم في CSS هو الكلمة المفتاحية ذات أصغر فرق لوني CIE76 في فضاء L*a*b*. ويجري كل شيء في متصفحك ولا يُرسل شيء إلى أي مكان.
أسئلة عن محوّل الألوان
كيف أحوّل HEX إلى RGB؟
قسّم الخانات الست إلى ثلاثة أزواج واقرأ كل زوج رقمًا بالأساس 16. فـ #0060fd هو 00 و60 وfd، أي 0 و96 و253، فاللون rgb(0, 96, 253). الصق رمز HEX في الحقل وستعرض بطاقة RGB النتيجة.
ماذا يعني آخر خانتين في رمز HEX من 8 خانات؟
هما قناة ألفا، أي العتامة، من 00 (شفاف تمامًا) إلى ff (معتم تمامًا). فـ #0060fd80 هو الأزرق نفسه عند 128 من 255، أي نحو 50.2% عتامة، فيُعرض rgba(0, 96, 253, 0.502). والرمز من 4 خانات مثل #06f8 يعمل بالطريقة نفسها، مع تكرار كل خانة.
ما الفرق بين HSL وHSV؟
كلاهما يستعمل التدرّج والتشبّع، لكن القيمة الثالثة تختلف. ففي HSL تكون الإضاءة 50% هي اللون الصافي، و0% أسود، و100% أبيض. وفي HSV تكون القيمة 100% أسطع صور اللون، ويحتاج الأبيض إلى تشبّع 0%. والأزرق نفسه هو hsl(217, 100%, 50%) وhsv(217, 100%, 99%).
هل أستعمل ناتج CMYK للطباعة؟
استعمله نقطة بداية فقط. فهذه الصفحة تستعمل الصيغة البسيطة بين RGB وCMYK، وهي لا تعرف شيئًا عن الأحبار أو الورق أو ملف الطابعة. ومطبعة أو برنامج تصميم بملف ألوان سيحوّل لون RGB نفسه إلى أرقام CMYK مختلفة.
ما صيغ الألوان التي يمكنني كتابتها؟
HEX بعلامة # أو بدونها، من 3 أو 4 أو 6 أو 8 خانات؛ وrgb() وrgba() بفواصل أو مسافات، بأرقام أو نسب مئوية، مع ألفا اختيارية بعد الشرطة المائلة؛ وhsl() وhsla() وhwb() بزاوية بوحدة deg أو rad أو grad أو turn؛ وأسماء ألوان CSS الـ 148 مثل rebeccapurple؛ وtransparent.
لماذا لا يطابق أقرب اسم لون اللون تمامًا؟
في CSS 148 اسم لون فقط، فلا اسم خاص لأغلب الألوان. وتختار الصفحة الاسم الذي يبدو لونه أقرب، مقيسًا بفرق اللون CIE76 في فضاء L*a*b*؛ وللون #0060fd هو mediumslateblue. وحين يكون اللون اسمًا معروفًا تمامًا، مثل #ff0000، تذكر الصفحة أنه مطابق.