Color Studio

انتخاب رنگ دشوار است. بیشتر انتخاب کنندگان رنگ 16 میلیون رنگ به شما می دهند و از شما می خواهند که یکی را انتخاب کنید. در واقع گزینه های زیادی وجود دارد که ممکن است خلاقیت شما مسدود شود. هیچ روش شهودی وجود ندارد که بدانید کدام رنگ متناسب با نیاز شما خواهد بود. این مسئله هنگامی که با چندین رنگ سر و کار دارید ، سخت تر می شود. حتی اگر می خواهید این رنگ ها مشخصات فنی را دنبال کنند و یک موضوع منسجم را شکل دهند ، حتی سخت تر نیز می شوید. این پروژه با هدف کمک به حل این مشکلات است.

این برنامه به شما امکان می دهد تا با 3 رنگ بازی کنید: اولیه ، پس زمینه و سطح. پس زمینه و سطح به شما امکان می دهد حالت "خودکار" را تغییر دهید (به طور پیش فرض ، وقتی برنامه را باز می کنید ، برای پس زمینه روشن است ، برای کشف کمک می کند). در حالت خودکار ، پس زمینه [توصیه نامه طراحی مواد] (https://material.io/design/color/dark-theme.html#properties) را دنبال می کند: 8٪ از رنگ اصلی + # 121212.

در مورد رنگ Surface ، هیچ توصیه رسمی وجود ندارد ، بنابراین زمینه را می گیرد و 5٪ از سبکی را در فضای رنگی HSLuv اضافه می کند. اگر Background دارای 10٪ سبکی باشد ، Surface 15٪ دارد.

دستورالعمل های دسترسی به محتوای وب (WCAG) تضادی از موارد زیر را توصیه می کند:

- 3.0: 1 حداقل برای متون بزرگتر از 18pt یا نمادها (AA +).

- 4.5: 1 حداقل برای متون کوچکتر از 18pt (AA).

- 7.0: 1 حداقل در صورت امکان ، در صورت امکان (AAA).

طراحی متریال آن را دنبال می کند و نسبت کنتراست 4.5: 1 (AA) را برای متن بدن در تمام ارتفاعات توصیه می کند. این پروژه کلیه تغییرات ارتفاع ممکن را با تقابل متناظر با رنگ اولیه نشان می دهد.

این پروژه منبع باز است:

https://github.com/bernaferrari/color-studio