أدوات الألوان

أدوات ألوان مجانية للمصمّمين والمطوّرين — حوّل بين HEX وRGB وHSL وCMYK وHSV وغيرها، وكوّن لوحات ألوان متناسقة، وتحقّق من تباين WCAG، وامزج الألوان وظلّلها، واعثر على أقرب لون مُسمّى.

تحويل الألوان وتحديدها

HEX ⇄ RGBA

حوّل بين أكواد ألوان HEX مع قناة الشفافية وصيغة rgba()، مع معاينة مباشرة.

صيغ ألوان CSS

اعرض لونًا واحدًا بكل صيغ CSS: HEX و rgb() و hsl() و hwb().

محول CMYK إلى RGB

حوّل الألوان بين CMYK وRGB/HEX مع عيّنة لون مباشرة.

محول HSV / HSB

حوّل الألوان بين HSV/HSB وRGB/HEX مع عيّنة لون مباشرة.

ألوان CSS المسمّاة

تصفّح وابحث في أكثر من 140 لونًا مسمّى في CSS مع قيم HEX الخاصة بها.

أقرب لون مُسمّى

اعثر على أقرب ألوان CSS المُسمّاة لأي لون تختاره.

إنشاء لوحات ومقاييس الألوان

مولّد لوحات الألوان

أنشئ لوحات ألوان متكاملة ومتجاورة وثلاثية ورباعية انطلاقًا من أي لون أساسي.

ظلال الألوان ودرجاتها

أنشئ مجموعة من الدرجات الأفتح والظلال الأغمق انطلاقًا من أي لون أساسي.

مولّد لوحة ألوان Tailwind

أنشئ مقياس درجات بنمط Tailwind من 50 إلى 950 انطلاقًا من أي لون أساسي.

خالط الألوان

امزج لونين بنسبة قابلة للتعديل واحصل على قيمة HEX الناتجة.

مستخرج ألوان الصور

استخرج الألوان السائدة من صورة مرفوعة على هيئة عينات HEX.

مولّد التدرج ثنائي اللون

أنشئ تدرج duotone بلونين مع CSS قابل للنسخ.

فحص التباين ورؤية الألوان

مدقّق تباين الألوان

تحقّق من نسبة التباين وفق WCAG بين لون النص والخلفية مع نتائج AA/AAA.

محاكي عمى الألوان

حاكِ كيف يظهر اللون مع عمى الأحمر (Protanopia) وعمى الأخضر (Deuteranopia) وعمى الأزرق (Tritanopia).

توليد الألوان

مولّد الألوان العشوائية

أنشئ لونًا عشوائيًا واعرضه بصيغ HEX وRGB وHSL.

لون من نص

ولّد لونًا ثابتًا من أي سلسلة نصية.

لا توجد أدوات مطابقة لذلك.

تصفّح فئات أخرى