استوديو الألوان
مكان واحد لكل أداة في استوديو الألوان.
لوحات وCSS وتباين.
7 من الأدوات المجانيةلا حاجة للتسجيليعمل على أي جهازملفاتك تبقى معك
استعرض استوديو الألوان أدناه واعثر على الأداة المناسبة لمهمتك.
أدوات في استوديو الألوان
0 من الأدوات · 7 قيد التخطيطمرتّبة حسب المهمة التي جئت من أجلها. 0 تعمل الآن، والبقية قيد البناء وموسومة بـ«قريبًا».
ألوان و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 على النمو والوصول إلى المزيد.
