استوديو الألوان
مكان واحد لكل أداة في استوديو الألوان.
لوحات وCSS وتباين.
7 من الأدوات المجانيةلا حاجة للتسجيليعمل على أي جهازملفاتك تبقى معك
استعرض استوديو الألوان أدناه واعثر على الأداة المناسبة لمهمتك.
أدوات في استوديو الألوان
7 من الأدواتمرتّبة حسب المهمة التي جئت من أجلها.
ألوان وCSS
قيم تلصقها مباشرة في ورقة الأنماط.7 من الأدواتمحوّل الألوانلون واحد بكل الصيغ دفعةً واحدة، مع فحص تباين وفق WCAG.HEX · RGB · HSLمولّد لوحات الألوانتناغمات ودرجات فاتحة وغامقة من لون أساس واحد، مع رموز HEX جاهزة للنسخ.HEXمولّد تدرّجات CSSتدرّجات خطية وشعاعية مع معاينة حيّة وشيفرة CSS جاهزة للّصق.CSSمولّد ظل الصندوقإزاحة وضبابية وامتداد ولون، بمعاينة على بطاقة حقيقية أثناء الضبط.CSSفاحص التباينلونان ونسبة واحدة وجواب صريح: هل يجتاز AA وAAA أم لا.WCAGباحث ألوان Tailwindأقرب صنف Tailwind لأي قيمة HEX، مع مقدار الفارق كي تحكم بنفسك.HEXمحاكي عمى الألوانشاهد التصميم كما يراه ثمانية بالمئة من الرجال، قبل أن تعتمد على الأحمر والأخضر.JPG · PNG
عن أدوات الألوان
أي معيار تباين تستعملون؟
الإضاءة النسبية في WCAG 2.2، وهي الحسبة نفسها التي يستعملها المدقّقون وأدوات المطوّرين في المتصفح: 4.5:1 لنص المتن، و3:1 للنص الكبير وحدود عناصر الواجهة.
لماذا تبدو لوحتي مختلفة في الطباعة؟
الشاشات جمعية والحبر طرحيّ، فكثير من ألوان الشاشة الزاهية لا مقابل له في الحبر. تعامل مع قيم CMYK كنقطة بداية لتجربة طباعة، لا كمطابقة.
مواطن أخرى
بفضلك،
يبقى ToolZool مجانيًا
الأدوات القوية يجب أن تكون مجانية للجميع. وهذه هي طريقة تمويل ذلك — كاملةً، دون إخفاء أي بند.
اشترِ لزولي قهوةدعم مباشر يبقي الأنوار مضاءة والأدوات الجديدة قادمة. اختياري تمامًا.ادعم زولي →
اختيارات موصى بهاأدوات مدفوعة تُنهي مهامًا لا يقدر عليها المتصفح. لا شيء في تلك الصفحة يدرّ علينا شيئًا اليوم.شاهد التوصيات →
إعلانات محترمةمواضع موسومة خارج منطقة العمل، فلا تحول أبدًا بينك وبين نتيجتك.اقرأ سياسة الإعلانات →
أنت رائعكل زيارة ومشاركة وكلمة طيبة تساعد ToolZool على النمو والوصول إلى المزيد.
