HEX · RGB · HSL · HSV · CMYK

محول ألوان RGB–HEX وفاحص التباين

حوّل بين HEX وRGB وHSL وHSV وCMYK، واضبط الشفافية، وافحص تباين WCAG، وانسخ كود CSS جاهزًا للاستخدام.

HEX · RGB · HSL · HSV · CMYK · WCAG

استوديو ألوان RGB–HEX وفحص التباين

حوّل بين HEX وRGB وHSL وHSV وCMYK، واضبط الشفافية، وافحص تباين WCAG، وانسخ كود CSS جاهزًا للاستخدام.

اللون الحالي

#FF6347
أقرب لون CSS شائع: tomato

قنوات RGBA

نماذج الألوان

HSL

HSV

CMYK

صيغ الألوان

معاينة مباشرة للواجهة

فاتح

معاينة الزر

يوضح هذا النص سهولة القراءة بالألوان المختارة.

داكن

معاينة الزر

يوضح هذا النص سهولة القراءة بالألوان المختارة.

إمكانية الوصول والتباين

2.95:1
أفضل لون للنص: #000000

يوضح هذا النص سهولة القراءة بالألوان المختارة.

تناغمات الألوان

الألوان الأخيرة

تفاصيل اللون

السطوع النسبي0.00
السطوع المُدرَك0%
أقرب لون CSS شائعtomato

قد تختلف ألوان الشاشة والطباعة؛ يعمل هذا الاستوديو ضمن sRGB.

كيف تتحول قيم RGB إلى HEX؟

تتحول كل قناة من 0 إلى 255 إلى زوج سداسي عشري من خانتين، ويكوّن الأحمر والأخضر والأزرق الرمز #RRGGBB.

ماذا تعني قيمة ألفا؟

تتحكم ألفا في التعتيم من شفاف تمامًا إلى معتم. يخزن HEX المكوّن من ثماني خانات ألفا في الزوج الأخير.

تحقق من إمكانية الوصول

تظهر نتائج WCAG بنص أيضًا. يحتاج النص العادي إلى 4.5:1 لمستوى AA والنص الكبير إلى 3:1.

الصيغ

HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFنسبة التباين = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)
W3C · HEX · مع ألفاW3C · WCAG · نسبة التباينتبقى الألوان والسجل في متصفحك.

أسئلة شائعة عن محول RGB–HEX

كيف تتحول قيم RGB إلى HEX؟

تتحول كل قناة من 0 إلى 255 إلى زوج سداسي عشري من خانتين، ويكوّن الأحمر والأخضر والأزرق الرمز #RRGGBB.

ماذا تعني قيمة ألفا؟

تتحكم ألفا في التعتيم من شفاف تمامًا إلى معتم. يخزن HEX المكوّن من ثماني خانات ألفا في الزوج الأخير.

كيف أجعل اللوحة سهلة الوصول؟

افحص تباين النص والخلفية، ولا تعتمد على اللون وحده، واختبر الحالات التفاعلية.

لماذا قد يختلف اللون المطبوع عن الشاشة؟

تبعث الشاشات ضوء RGB بينما تمزج الطابعات الأحبار؛ وتؤثر الورقة وملفات الألوان والمعايرة في النتيجة.