انتقل إلى منتقي الألوان

محول Flutter / Compose إلى HEX

الصق قيمة Flutter / Compose واحصل على HEX فورًا. أي صيغة أخرى تعمل أيضًا.

فُهم على أنه كود Flutter

قيمة HEX#ff5733
HEX إلى Flutter / Compose

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

كل الصيغ الأخرى

أمثلة تحويل Flutter / Compose إلى HEX

اللونFlutter / ComposeHEX
Color(0xFFFF0000)#ff0000
Color(0xFF00FF00)#00ff00
Color(0xFF0000FF)#0000ff
Color(0xFFFFFFFF)#ffffff
Color(0xFF000000)#000000
Color(0xFF808080)#808080
Color(0xFFFF5733)#ff5733
Color(0xFF3B82F6)#3b82f6
Color(0xFF10B981)#10b981
Color(0xFFF59E0B)#f59e0b
Color(0xFF8B5CF6)#8b5cf6
Color(0xFFEC4899)#ec4899

عن Flutter / Compose وHEX

يكتب Flutter وJetpack Compose اللون رقمًا واحدًا بصيغة ARGB من 32 بت، مثل Color(0xFFFF5733). الخانتان الست عشريتان بعد 0x هما ألفا، وFF تعني معتمًا بالكامل.

تكتب صيغة HEX الأحمر والأخضر والأزرق برقمين ستّ عشريين لكل منها، مثل #ff5733. إنها الطريقة الأشيع لكتابة الألوان على الويب وفي أدوات التصميم.

كيف يعمل التحويل

نقرأ قيمة Flutter / Compose ونحوّلها إلى CIE XYZ بالمصفوفات الواردة في مواصفة CSS Color 4، ثم إلى HEX. القيم الخارجة عن النطاق اللوني الهدف تُعالَج بخوارزمية CSS Color 4 التي تحافظ على الإضاءة والصبغة وتخفّض الكروما.

أسئلة وأجوبة

كيف أحوّل Flutter / Compose إلى HEX؟

الصق قيمة Flutter / Compose أو اكتبها في الحقل أعلاه. يحوّلها PickShade بمعادلات CSS Color 4 أثناء الكتابة، ونقرة واحدة تنسخ قيمة HEX.

هل تحويل Flutter / Compose إلى HEX دقيق؟

الحسابات دقيقة، والنتيجة تُقرَّب للعرض فقط، مع عدد كافٍ من الأرقام للعودة إلى اللون نفسه. وإذا لم يقع اللون ضمن النطاق الهدف، ينبّهك PickShade ويعرض أقرب لون يقع ضمنه.

هل يمكنني الحصول على صيغ أخرى في الوقت نفسه؟

نعم. كل الصيغ الأخرى، ومنها OKLCH وDisplay P3 وTailwind وSwiftUI وFlutter وAndroid، مدرجة أسفل النتيجة وتُنسخ بنقرة واحدة.

هل هذا المحول مجاني؟

نعم. مجاني، ولا يحتاج إلى تسجيل، ويعمل بالكامل في متصفحك.