100% داخل المتصفح
أدوات الألوان
أدوات ألوان مجانية للمصمّمين والمطوّرين — حوّل بين 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().
twمولّد لوحة ألوان Tailwind
أنشئ مقياس درجات بنمط Tailwind من 50 إلى 950 انطلاقًا من أي لون أساسي.
🖼◑مستخرج ألوان الصور
استخرج الألوان السائدة من صورة مرفوعة على هيئة عينات HEX.
◐◑مولّد التدرج ثنائي اللون
أنشئ تدرج duotone بلونين مع CSS قابل للنسخ.
cmykمحول CMYK إلى RGB
حوّل الألوان بين CMYK وRGB/HEX مع عيّنة لون مباشرة.
hsvمحول HSV / HSB
حوّل الألوان بين HSV/HSB وRGB/HEX مع عيّنة لون مباشرة.
◑?أقرب لون مُسمّى
اعثر على أقرب ألوان CSS المُسمّاة لأي لون تختاره.
#abcلون من نص
ولّد لونًا ثابتًا من أي سلسلة نصية.