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

محول OKLCH إلى Flutter / Compose

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

فُهم على أنه OKLCH

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

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

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

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

اللونOKLCHFlutter / Compose
oklch(62.796% 0.25768 29.234)Color(0xFFFF0000)
oklch(86.644% 0.29483 142.495)Color(0xFF00FF00)
oklch(45.201% 0.31321 264.052)Color(0xFF0000FF)
oklch(100% 0 0)Color(0xFFFFFFFF)
oklch(0% 0 0)Color(0xFF000000)
oklch(59.987% 0 0)Color(0xFF808080)
oklch(68.036% 0.21001 33.692)Color(0xFFFF5733)
oklch(62.308% 0.18801 259.815)Color(0xFF3B82F6)
oklch(69.587% 0.14907 162.48)Color(0xFF10B981)
oklch(76.859% 0.16466 70.08)Color(0xFFF59E0B)
oklch(60.563% 0.21892 292.717)Color(0xFF8B5CF6)
oklch(65.592% 0.21177 354.308)Color(0xFFEC4899)

عن OKLCH وFlutter / Compose

OKLCH هو OKLab بصيغة قطبية: الإضاءة والكروما والصبغة. يستخدمه Tailwind CSS v4 للوحته كاملة، لأن تغيير الإضاءة يُبقي الصبغة ثابتة.

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

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

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

أسئلة وأجوبة

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

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

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

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

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

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

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

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