محوّل الألوان
اكتب اللون بأي صيغة معروفة — #1f5fd6 أو 1f5fd6 أو #1f5 أو rgb(31, 95, 214) — لتظهر بقية الصيغ دفعةً واحدة، ومعها أرقام التباين اللازمة لنصّ مقروء.
- #1f5fd6 HEX
- rgb(31, 95, 214) RGB
- hsl(219, 75%, 48%) HSL
التباين:
- مجانًا
- ملفاتك لا تغادر جهازك
- بدون تسجيل
- بلا حد لعدد الملفات
طريقة الاستخدام
معلومات مفيدة
ثلاث صيغ للّون نفسه
HEX مختصرة وشائعة في CSS. أما RGB فتسمّي القنوات صراحةً، وهذا مهم حين تُحسَب القيمة بدل كتابتها يدويًا. و HSL تصف درجة اللون والتشبّع والإضاءة، وهي الصيغة المناسبة حين تريد اللون نفسه أفتح قليلًا، إذ تُغيّر رقمًا واحدًا بدل تخمين ثلاثة.
التباين ليس زخرفة
وفق معايير WCAG يحتاج النص العادي إلى نسبة 4.5:1 على الأقل مع الخلفية، والنص الكبير إلى 3:1. الرقمان المعروضان هنا يخبرانك فورًا إن كان هذا اللون يحتمل نصًّا أبيض أو أسود أو لا يحتمل أيًّا منهما — قبل أن يصل التصميم إلى المطوّر.
الأسئلة الشائعة
ما الصيغ المقبولة؟
HEX بثلاثة وأربعة وستة وثمانية أرقام، مع علامة # أو بدونها، إضافةً إلى rgb() و rgba() بفواصل أو مسافات. تُحفَظ قيمة الشفافية وتظهر ضمن قيمة HEX.
لماذا يظهر HSL أحيانًا بلون مختلف قليلًا؟
تُقرَّب قيم HSL إلى أعداد صحيحة لتسهيل القراءة، فقد تنزاح قناة بمقدار وحدة عند العودة. أما HEX و RGB فدقيقتان.
هل يُرسَل شيء إلى خادم؟
لا. كل الحسابات تجري في الصفحة، فتبقى ألوان هوية لم تُنشر بعد على جهازك.
أدوات ذات صلة
- تحويل HEX إلى RGB ألصق رمز HEX لتقرأ قنوات RGB. تتحوّل #1f5fd6 إلى rgb(31, 95, 214)، وإن حمل الرمز قناة شفافية…
- تحويل RGB إلى HEX ألصق rgb(31, 95, 214) — بفواصل أو بمسافات، لا فرق — لتحصل على #1f5fd6 جاهزًا لملف CSS أو ملف…
- مولد كلمات المرور تُنشأ كلمة مرور جديدة بمجرد فتح الصفحة باستخدام مولد الأرقام العشوائية المشفّر في متصفحك. لا إر…
- إنشاء رمز QR اكتب رابطًا أو أي نص، ويظهر الرمز أثناء الكتابة. نزّله بصيغة PNG للشاشة أو SVG للطباعة، حيث يبق…
- مولّد UUID اضغط الزرّ لتحصل على معرّفات جاهزة للّصق في قاعدة بيانات أو ملف إعداد أو بيانات اختبار. تُصنَع…
- رمز QR للواي فاي اكتب اسم الشبكة وكلمة المرور فيظهر الرمز في الحال. يوجّه الضيف الكاميرا فيتصل، ولا حاجة بعد الي…
- رمز QR لرابط الصق الرابط فيظهر الرمز أثناء الكتابة. يشير مباشرة إلى عنوانك، دون خدمة اختصار في المنتصف قد تن…