تبدیل رنگ ها در هر جهت، فورا
یک مبدل رنگ تنها زمانی مفید است که هر نمادی را که انجام میدهید بیان کند. این ابزار HEX را به RGB و برعکس تبدیل میکند، و همچنین HSL، HSV (همچنین HSB نامیده میشود) و CMYK را به یکباره و در زمان واقعی پل میکند. یک HEX مانند #3b82f6 تایپ کنید و بلافاصله rgb (59، 130، 246)، hsl (217، 91، 60%)، hsv (217، 97، 96%) و cmyk آن (76٪، 47٪، 0٪، 4٪) را دریافت می کنید. هر یک از فیلدها را تغییر دهید و بقیه آنها دنبال شوند، بنابراین میتوانید در مدلی که مناسب کار است استدلال کنید: HEX برای نشانهگذاری، RGB برای بوم و گرادیان، HSL/HSV برای تغییرات بصری سبکی و اشباع، و CMYK زمانی که یک طرح شروع به چاپ میکند.
از HEX تا RGB، HSL، HSV و CMYK بدون ریاضی
در زیر هود، مبدل هر ورودی را به یک RGB سهگانه عادی میکند، سپس فرمولهای استاندارد sRGB را برای استخراج فضاهای دیگر اعمال میکند - همان مرورگرهای ریاضی و ابزارهای طراحی استفاده میکنند، بنابراین اعداد با آنچه در Figma، Photoshop یا Chrome DevTools میبینید مطابقت دارند. همچنین HEX (#fff)، HEX 8 رقمی با آلفا (#3b82f6aa)، rgb()/rgba()، hsl()/hsla()، و رنگهای معمولی با نامهای CSS مانند زرشکی، آبی و طلایی را میفهمد، بنابراین هرگز نیازی به حفظ فرمول یا تغییر زبانهها ندارید. هر قالب یک دکمه کپی دارد و نمونه پیشنمایش بزرگ رنگ شما را در پسزمینه واقعی نشان میدهد تا بتوانید با یک نگاه آن را بررسی کنید.
با هارمونی و رمپ پالت های بهتری طراحی کنید
انتخاب یک رنگ ساده است. ساختن یک پالت منسجم بخش سخت است. مبدل هارمونی های رنگی را از قواعد تئوری رنگ ایجاد می کند - مکمل (مقابل روی چرخ)، مشابه (همسایه ها)، سه گانه و چهارتایی (با فواصل مساوی) - به عنوان نمونه های قابل کلیک که می توانید مستقیماً در پروژه خود قرار دهید. یک سطح شیبدار سبک از تقریباً سیاه به تقریباً سفید با همان رنگ و اشباع حرکت می کند و به شما رنگ ها و سایه هایی را می دهد که طراحان در مواقعی که به حالت شناور، مرزی و غیرفعال نیاز دارند، به آنها دسترسی پیدا می کنند. یک میکسر دو رنگ به شما امکان می دهد هر جفت را با نسبت انتخابی ترکیب کنید تا بین آنها ایجاد شود، و یک ردیف تنظیم دقیق به شما امکان می دهد رنگ را با یک کلیک روشن، تیره، اشباع، غیراشباع یا بچرخانید.
دسترسی و حریم خصوصی داخلی
رنگ خوب، رنگ قابل خواندن است. مبدل نسبت کنتراست WCAG رنگ شما را در برابر سفید و سیاه نشان می دهد و مطابقت با AA (4.5:1) و AAA (7:1) را نشان می دهد، بنابراین می توانید متن با کنتراست پایین را قبل از ارسال دریافت کنید - یک همراه طبیعی برای بررسی کننده کنتراست اختصاصی. و از آنجایی که همه چیز به صورت محلی در مرورگر شما اجرا میشود، رنگهای شما هرگز از دستگاه شما خارج نمیشوند: آپلود، حساب کاربری و ردیابی وجود ندارد، که باعث میشود برند و کار مشتری خصوصی بماند در حالی که ابزار فوری میماند.
- 01
- HEX دو طرفه ↔ RGB ↔ HSL ↔ HSV ↔ CMYK، با آلفا
- 02
- اسلایدرهای تعاملی RGB، HSL و آلفا با آهنگهای گرادیان زنده
- 03
- انتخابگر رنگ بومی + مرورگر EyeDropper
- 04
- تاریخچه اخیر + نمونه های ذخیره شده (در مرورگر شما نگهداری می شود)
- 05
- پشتیبانی از رنگهای نامگذاری شده CSS (زرشکی، آبی، طلایی…)
- 06
- هارمونی، رمپ رنگ/سایه + میکسر دو رنگ
- 07
- پیش نمایش کوررنگی (protanopia، deuteranopia، tritanopia)
- 08
- نشانهای کنتراست زنده WCAG AA/AAA
- 09
- صادرات آماده کپی برای CSS، Tailwind، SCSS، Swift و Android
