TOOL 11 / COLOR SYSTEM WORKSPACE
Color Studio؛ استودیوی رنگرنگ زیبا کافی نیست؛
Color Studio؛ استودیوی رنگرنگ زیبا کافی نیست؛
باید قابل استفاده باشد.
پالت بسازید، گرادیانت را کنترل کنید، کنتراست را بسنجید و رنگها را در یک رابط واقعی ببینید؛ سپس خروجی را مستقیم وارد محصول کنید.
هارمونی قابل کنترل بررسی AA و AAA خروجی CSS و Tailwind
COLOR WORKSPACEاز حس رنگ،
از حس رنگ،
تا سیستم قابل تحویل.
هر تغییر در پالت، گرادیانت، کنتراست و خروجی کد همزمان بهروز میشود. هیچ فایل یا رنگی برای پردازش به سرور ارسال نمیشود.
01 / PALETTE GENERATOR
یک رنگ را به سیستم تبدیل کنید.
رنگ پایه و رابطه هارمونیک را انتخاب کنید؛ هر رنگی را که باید ثابت بماند قفل کنید.
LIVE UI PREVIEWمحصول خوب،
محصول خوب،
فقط زیبا نیست.
رنگها را پیش از تحویل، در متن یک رابط واقعی و کنار نقشهای متفاوت ببینید.
PRODUCT SIGNAL۸۲
وضوح مسئله در وضعیت مناسبی قرار دارد.
پیشرفت ارزیابی۸۲٪
02 / GRADIENT BUILDER
حرکت رنگ را کنترل کنید.
نوع، زاویه، محل توقف و رنگ هر Stop را تنظیم کنید و CSS نهایی را همان لحظه بگیرید.
LIVE GRADIENTM/∞LINEAR / 135°
03 / ACCESSIBILITY
خوانایی را حدس نزنید.
رنگ متن و پسزمینه را بسنجید و نتیجه AA و AAA را برای متن عادی و بزرگ ببینید.
CONTRAST RATIO—در حال محاسبه
Normal text / 16px
تصمیم روشن، محصول بهتر.
این متن نمونهای برای بررسی خوانایی متن عادی و عنوان روی رنگ پسزمینه انتخابشده است.
04 / IMAGE PICKER
رنگ را از تصویر شروع کنید.
تصویر فقط در مرورگر خوانده میشود و پنج رنگ غالب آن به پالت قابل ویرایش تبدیل میشوند.
پیشنمایش تصویرپس از انتخاب فایل نمایش داده میشود.
05 / DEVELOPER HANDOFF
رنگها را قابل استفاده تحویل دهید.
نامگذاری و فرمت خروجی را انتخاب کنید و کد آماده را مستقیماً وارد پروژه کنید.
تعداد رنگ۵
فرمتهاHEX · RGB · HSL
آخرین تغییرهمین حالا