الأدوات · الألوان · محوّل الألوان
محوّل الألوان
حوّل لونًا بين صيغ HEX وRGB وHSL وOKLCH، فوريًا.
أضف ملفًا وشغّل الأداة.
ملفك جاهز.
جرّب ملفًا آخر، أو أعد المحاولة.
الإعدادات
اضبط الإعدادات أدناه. تتحدّث النتيجة أثناء العمل.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي شيء إلى أي خادم، ولا يغادر جهازك.
كيف تعمل
أدخل لونًا أو اخترْه بأي صيغة.
اطّلع على قيمه بصيغ HEX وRGB وHSL وOKLCH.
انسخ القيمة بالصيغة التي تحتاجها.
أسئلة شائعة
HEX، وRGB (وRGBA)، وHSL (وHSLA)، وOKLCH، مع التحويل بين الأربعة أثناء الكتابة.
صيغة ألوان أحدث في CSS مبنية على الإدراك البصري المتجانس، بحيث يبدو التغيير المتساوي في قيمها تغييرًا متساويًا في الإضاءة والتشبّع وزاوية اللون - مفيدة لبناء تدرّجات ألوان متسقة.
نعم، اكتب أو ألصق قيمة تحتوي على شفافية (مثل لون بصيغة rgba() أو hsla()) وستنتقل تلقائيًا إلى كل الصيغ الأخرى.
لا. يحدث التحويل بالكامل داخل متصفحك.
أدلة
نظرة أقرب على مشكلات محددة تحلّها هذه الأداة.
Why a Color Rarely Survives the Trip From One Format to Another
A hex code copied from a design file doesn't stay a hex code for long. It becomes an rgba() for an overlay, an hsl() for a lightness tweak, maybe an oklch() for a newer color scale - and every hand conversion in between is a place for a digit to slip.
اقرأ الدليلHow to Convert a Color Between HEX, RGB, HSL, and OKLCH
Paste a color into any of four fields and the other three update immediately. Here is what each field expects, what happens to alpha, and why OKLCH shows more decimal places than the rest.
اقرأ الدليلOKLCH vs HSL: What Actually Changes When You Convert a Color Scale
HSL feels intuitive because it separates hue, saturation and lightness into three numbers you can reason about. OKLCH does the same thing, more accurately. Here is the actual difference, and when it is worth converting.
اقرأ الدليل
التعليقات