حوّل الألوان بين HEX وRGB وHSL وHWB وCIELAB وCIE LCH وOKLab وOKLCH وCMYK وDisplay P3. اختر التنسيقين المصدر والهدف، وأدخل القيمة بصيغة CSS أو كأرقام مجردة، واحصل على نتيجة جاهزة لـ CSS محسوبة باستخدام مكتبة culori. تُحوّل الألوان الواقعة خارج نطاق ألوان الهدف بالطريقة المحددة في CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين الأكواد وأدوات التصميم.
عشرة تنسيقات: HEX وRGB وHSL وHWB وCIELAB (lab) وCIE LCH (lch) وOKLab وOKLCH وCMYK وDisplay P3. يمكن استخدام أي منها مصدرًا أو هدفًا، ما يتيح 90 اتجاهًا للتحويل. تستخدم النتائج صيغة CSS Color 4 الحديثة، مثل rgb(255 136 0) أو oklch(0.7442 0.1812 56.46).
أدخل الصيغة الكاملة CSS لتنسيق المصدر، مثل hsl(32 100% 50%) أو color(display-p3 1 0.5 0)، أو أدخل أرقامه فقط، مثل 32 و100% و50% عند اختيار HSL. تعمل أكواد Hex مع الرمز # أو بدونه، وبأطوال 3 أو 4 أو 6 أو 8 أرقام. يجب أن تطابق القيمة تنسيق المصدر المحدد؛ لذا تُرفض قيمة rgb() في صفحة HSL بدلًا من تحويلها عن طريق الخطأ.
لا يتضمن culori وضع CMYK، لذا يستخدم المحوّل الصيغة التقريبية القياسية على قيم sRGB من 0 إلى 1: K = 1 - max(R, G, B)، وC = (1 - R - K) / (1 - K)، وكذلك M وY. أما التحويل العكسي فهو R = (1 - C) x (1 - K)، وهكذا. لا يعتمد هذا على ملف تعريف ICC، لذا لن يطابق ناتج مطبعة أو ورق محدد؛ استخدمه لتقديرات العرض على الشاشة والمواصفات التقريبية.
استخدم cmyk(0%, 47%, 100%, 0%) أو cmyk(0 0.47 1 0) الخاص بالجهاز أو أربعة أرقام مجردة. القيم المصحوبة بعلامة النسبة المئوية هي نسب مئوية؛ أما القيم بلا وحدة فتُقرأ ككسور من 0 إلى 1، ما لم تتجاوز إحداها 1، وعندها تُقرأ كلها كنسب مئوية، لذا تعمل 0 و47 و100 و0 كما هو متوقع. يُكتب ناتج CMYK دائمًا كنسب مئوية، بدقة تصل إلى منزلتين عشريتين.
يمكن لـ Lab وLCH وOKLab وOKLCH وDisplay P3 وصف ألوان لا يستطيع sRGB عرضها. عندما يكون الهدف HEX أو RGB أو HSL أو HWB أو CMYK، وهي كلها بصيغ sRGB، أو Display P3، يُحوَّل اللون الخارج عن النطاق اللوني باستخدام خوارزمية CSS Color 4، التي تخفض تشبع OKLCH حتى يصبح اللون ضمن النطاق، وتُرفق بالنتيجة ملاحظة. أما أهداف Lab وLCH وOKLab وOKLCH فهي غير محدودة ولا تُحوَّل أبدًا.
نعم، لكل هدف باستثناء CMYK. تُكتب قيمة ألفا في الإدخال، مثل rgb(255 136 0 / 50%) أو #ff880080، بالشكل / 0.5 داخل دوال CSS وكشفرة hex من 8 أرقام. لا يحتوي CMYK على قناة ألفا، لذا تُحذف قيمة ألفا فيه.
تُقرَّب قنوات RGB إلى أعداد صحيحة من 0 إلى 255؛ وتُقرَّب النسب المئوية في HSL وHWB وCMYK وقيم Lab وLCH إلى منزلتين عشريتين؛ وقيم OKLab وإضاءة وتشبع OKLCH وقنوات Display P3 إلى أربع منازل عشرية؛ ودرجات اللون إلى منزلتين عشريتين. تُجرى جميع الحسابات بدقة مضاعفة كاملة قبل التقريب، لذا تظل التحويلات ذهابًا وإيابًا ضمن هامش تقريب القيمة الأصلية.
CIELAB وCIE LCH بنقطة بيضاء D50، تمامًا كما تحددها دوال CSS lab() وlch()، مع تكييف Bradford من النقطة البيضاء D65 الخاصة بـ sRGB. تتراوح الإضاءة من 0 إلى 100. أما OKLab وOKLCH فهما فضاءا الألوان الإدراكيان اللذان وضعهما Bjorn Ottosson، وتستخدمهما CSS oklab() وoklch()، وتتراوح الإضاءة فيهما من 0 إلى 1.
يحوّل نموذج الصفحة لونًا واحدًا في كل مرة. ويمكن للعملاء الذين يستدعون الأداة مباشرةً إرسال ما يصل إلى 100 لونًا، لونًا واحدًا في كل سطر، والحصول على قيمة محوّلة لكل سطر بالترتيب نفسه. ويجب ألا يزيد طول كل لون عن 100 حرفًا.
الألوان المحايدة ليس لها درجة لون، ويمكن لـ CSS كتابتها على أنها none. يكتبها المحوّل بالقيمة 0 بدلًا من ذلك، لتعمل القيمة أيضًا في الأدوات التي لا تقبل none. ولا تؤثر درجة اللون بصريًا عندما يكون التشبع أو الكروما صفرًا.
حوّل ألوان HEX إلى RGB في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق RGB، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على RGB عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
حوّل ألوان HEX إلى HSL في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق HSL، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على HSL عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
حوّل ألوان HEX إلى HWB في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق HWB، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على HWB عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
حوّل ألوان HEX إلى فضاء اللون CIELAB في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق فضاء اللون CIELAB، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على فضاء اللون CIELAB عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
حوّل ألوان HEX إلى CIE LCH في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق CIE LCH، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على CIE LCH عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
حوّل ألوان HEX إلى فضاء اللون OKLab في خطوة واحدة. أدخل قيمة HEX بصيغة CSS أو كأرقام مجردة، واحصل على المكافئ الدقيق بتنسيق فضاء اللون OKLab، مع تقريب الأرقام لأجل CSS وحسابه باستخدام مكتبة culori. عندما يتعذر على فضاء اللون OKLab عرض اللون، يُحوّل إلى أقرب لون ضمن النطاق، وفقًا لما تحدده CSS Color 4. صُممت الأداة للمطورين والمصممين الذين ينقلون الألوان بين أوراق الأنماط وأدوات التصميم والمواصفات.
OneClick Pro مجموعة مجانية تضم أكثر من 150 أداة ويب للمهام اليومية: تحويل الصور والوحدات، وتنسيق الأكواد والتحقق من صحتها، وفحص النطاقات وSEO، والعمل مع النصوص والتواريخ والأرقام. تعمل كل أداة دون تسجيل أو اشتراك، ولا تُستخدم البيانات التي تُدخلها إلا لحساب النتيجة ولا تُخزّن مطلقًا. استخدمها كصندوق أدوات سريع للمهام المنفردة، أو أضف الأدوات التي تعتمد عليها يوميًا إلى إشاراتك المرجعية.