أدوات اللون والتصميم مجانية — أدوات الاختيار والحافظة والتباين والتدرجات
عمل الألوان العملي للويب: منتقي الألوان مع HEX/RGB/HSL، ومولدات الحافظات والتدرجات، ومدقق تباين WCAG لإبقاء النص قابلاً للقراءة، ومحاكاة العمى الألوان وأدوات ظل CSS. مصمم لمصممي الرسوميات ومطوري الواجهات الأمامية الذين يحتاجون إلى القيمة الدقيقة والخيار الميسور، جاهز للنسخ واللصق.
محوّل الألوان (HEX وRGB وHSL — فوري)
حوّل الألوان بين HEX وRGB وHSL مع معاينة حية. عدِّل أي حقل؛ يتحدث الباقون.
فاحص التباين (درجات WCAG AA / AAA)
تحقق من نسبة تباين الألوان بين النص والخلفية. يُظهر معاينة حية وشارات النجاح/الفشل لـ WCAG AA وAAA بأحجام النص العادية والكبيرة.
منشئ تدرجات CSS (خطي، شعاعي، مخروطي)
أنشئ تدرجات CSS بصرياً: خطية وشعاعية ومخروطية. نقاط توقف متعددة للألوان وتحكم في الزاوية وإعدادات مسبقة. انسخ CSS جاهز للصق.
مولِّد لوحة الألوان (5 مخططات من لون أساسي واحد)
ولِّد لوحات ألوان منسجمة من لون أساسي: تكميلي، متناظر، ثلاثي، رباعي، أحادي اللون. انقر على أي سواتش لنسخ hex.
محاكي عمى الألوان — شاهد الألوان كما يراها الآخرون
أدخل أي لون سداسي عشري وشاهد فورًا كيف يبدو لمن يعانون من ضعف البصر الأخضر والأحمر والأزرق وعمى الألوان الكامل. أداة أساسية لتصميم المواقع الشاملة.
مولّد ظل CSS (مع معاينة مباشرة)
أنشئ قيم box-shadow في CSS بصرياً. اضبط الإزاحة والضبابية والانتشار واللون والشفافية والظل الداخلي. معاينة مباشرة وكود CSS جاهز للنسخ.
باحث أسماء ألوان CSS — أقرب لون مسمى من الهيكساديسيمال
أدخل أي لون بصيغة hex للعثور على أقرب اسم لون في CSS. يعرض أقرب 5 ألوان مسماة مع قيمها الهيكساديسيمالية الدقيقة ودرجة المسافة.
مولّد تدرجات الألوان — بأسلوب Tailwind CSS
أنشئ 11 درجة فاتحة وداكنة (50–950) لأي لون بأسلوب مقياس Tailwind CSS. انقر على أي درجة لنسخ كود hex أو صدّر الكل كمتغيرات CSS.