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

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

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

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

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

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

خالط الألوان

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

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

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

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

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

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

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

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

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

HEX ⇄ RGBA

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

صيغ ألوان CSS

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

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

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

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

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

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

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

محول CMYK إلى RGB

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

محول HSV / HSB

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

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

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

لون من نص

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

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

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