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

محول HEX إلى SwiftUI

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

فُهم على أنه HEX

قيمة SwiftUIColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI إلى HEX

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

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

أمثلة تحويل HEX إلى SwiftUI

اللونHEXSwiftUI
#ff0000Color(red: 1, green: 0, blue: 0)
#00ff00Color(red: 0, green: 1, blue: 0)
#0000ffColor(red: 0, green: 0, blue: 1)
#ffffffColor(red: 1, green: 1, blue: 1)
#000000Color(red: 0, green: 0, blue: 0)
#808080Color(red: 0.502, green: 0.502, blue: 0.502)
#ff5733Color(red: 1, green: 0.341, blue: 0.2)
#3b82f6Color(red: 0.231, green: 0.51, blue: 0.965)
#10b981Color(red: 0.063, green: 0.725, blue: 0.506)
#f59e0bColor(red: 0.961, green: 0.62, blue: 0.043)
#8b5cf6Color(red: 0.545, green: 0.361, blue: 0.965)
#ec4899Color(red: 0.925, green: 0.282, blue: 0.6)

عن HEX وSwiftUI

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

يصف SwiftUI اللون بقيم الأحمر والأخضر والأزرق من 0 إلى 1، ويُكتب هكذا Color(red: 1, green: 0.341, blue: 0.2). وتُضاف العتامة بالمعامل opacity.

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

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

أسئلة وأجوبة

كيف أحوّل HEX إلى SwiftUI؟

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

هل تحويل HEX إلى SwiftUI دقيق؟

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

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

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

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

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