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

محول RGB إلى Flutter / Compose

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

فُهم على أنه RGB

قيمة Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose إلى RGB

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

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

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

اللونRGBFlutter / Compose
rgb(255, 0, 0)Color(0xFFFF0000)
rgb(0, 255, 0)Color(0xFF00FF00)
rgb(0, 0, 255)Color(0xFF0000FF)
rgb(255, 255, 255)Color(0xFFFFFFFF)
rgb(0, 0, 0)Color(0xFF000000)
rgb(128, 128, 128)Color(0xFF808080)
rgb(255, 87, 51)Color(0xFFFF5733)
rgb(59, 130, 246)Color(0xFF3B82F6)
rgb(16, 185, 129)Color(0xFF10B981)
rgb(245, 158, 11)Color(0xFFF59E0B)
rgb(139, 92, 246)Color(0xFF8B5CF6)
rgb(236, 72, 153)Color(0xFFEC4899)

عن RGB وFlutter / Compose

تحدد صيغة RGB الأحمر والأخضر والأزرق من 0 إلى 255. تصف كيف تمزج الشاشة الضوء، وتُكتب في CSS الحديثة هكذا: rgb(255 87 51).

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

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

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

أسئلة وأجوبة

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

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

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

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

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

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

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

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