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

محول RGBA إلى OKLCH

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

فُهم على أنه RGB

قيمة OKLCHoklch(68.036% 0.21001 33.692 / 0.8)
OKLCH إلى RGBA

اللون نفسه دون شفافية، بصيغة OKLCH مصمتة

ضبط اللون

11 درجة
80‎%‎

68‎%‎
0.210
34 درجة

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

جدول العتامة: قيمة ألفا في HEX وRGBA

في HEX المكوّن من 8 خانات، تحدد الخانتان الأخيرتان العتامة: FF معتم بالكامل، و80 نحو 50%، و00 شفاف بالكامل. يعرض الجدول لون المثال بخطوات قدرها 5%.

العتامةألفا في HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

أمثلة تحويل RGBA إلى OKLCH

اللونRGBAOKLCH
rgba(255, 0, 0, 1)oklch(62.796% 0.25768 29.234)
rgba(0, 255, 0, 1)oklch(86.644% 0.29483 142.495)
rgba(0, 0, 255, 1)oklch(45.201% 0.31321 264.052)
rgba(255, 255, 255, 1)oklch(100% 0 0)
rgba(0, 0, 0, 1)oklch(0% 0 0)
rgba(128, 128, 128, 1)oklch(59.987% 0 0)
rgba(255, 87, 51, 1)oklch(68.036% 0.21001 33.692)
rgba(59, 130, 246, 1)oklch(62.308% 0.18801 259.815)
rgba(16, 185, 129, 1)oklch(69.587% 0.14907 162.48)
rgba(245, 158, 11, 1)oklch(76.859% 0.16466 70.08)
rgba(139, 92, 246, 1)oklch(60.563% 0.21892 292.717)
rgba(236, 72, 153, 1)oklch(65.592% 0.21177 354.308)

عن RGBA وOKLCH

RGBA هو RGB مع قناة ألفا للعتامة، ويُكتب هكذا rgba(255, 87, 51, 0.5). تتراوح ألفا من 0 (شفاف بالكامل) إلى 1 (معتم بالكامل). ويمكن كتابة العتامة نفسها بصيغة HEX من 8 خانات مثل #ff573380.

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

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

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

أسئلة وأجوبة

كيف أحوّل RGBA إلى OKLCH؟

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

هل تحويل RGBA إلى OKLCH دقيق؟

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

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

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

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

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