رنگ را برگزینید، کد را بردارید و به کارتان برگردید
انتخابگر رنگ، سازندهٔ گرادیان و قطرهچکان تصویر در یک صفحه. بدون حساب، بدون نصب و بدون انتظار: فامی برگزینید و آن را به‌صورت HEX، RGB، HSL یا HSV رونوشت بگیرید.
کدهای رنگ
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)رنگهای پرطرفدار
دیدن همهٔ رنگهای پرطرفدارچه چیزهایی دارد
قطرهچکان
از تصویری که بارگذاری کرده‌اید رنگ بردارید، و هرجا مرورگر اجازه دهد از هر چیزی روی صفحه. پرونده را روی صفحه رها کنید و روی پیکسلی کلیک کنید.
تبدیل قالب‌ها
در دم میان HEX، RGB، HSL، HSV، CMYK، XYZ، LAB و LCH جابه‌جا شوید و هر مقداری را یکراست در CSS یا ابزار طراحی‌تان رونوشت بگیرید.
سازندهٔ گرادیان
روی نوار ایستگاه بیفزایید و جابه‌جا کنید، میان خطی و شعاعی جابه‌جا شوید، زاویه و کدری را تنظیم کنید و سپس CSS آماده را رونوشت بگیرید.
تاریخچهٔ رنگها
هر رنگ و گرادیانی که می‌سازید در مرورگرتان می‌ماند تا بعدها به آن بازگردید یا در پروژه‌ای دیگر دوباره به کارش ببرید.
هماهنگی‌ها و گونه‌ها
هر صفحهٔ رنگ سایه‌های روشن و تیره و شش طرح هماهنگی را نشان می‌دهد و هر کدام را با یک کلیک به گرادیان بدل می‌کند.
رایگان و خصوصی
نه دیوار پرداختی هست و نه ردیابی آنچه برمی‌گزینید. تصویرهای بارگذاری‌شده در مرورگر خوانده میشوند و جایی نمی‌روند.
برای چه کسانی است
- طراحان و تیم‌های محصول
- هنگام طرح‌زدن یک رابط یا پالت برند، آزمودن ترکیب‌ها و رونوشت‌گرفتن CSS دقیق یک گرادیان.
- تصویرگری و نقاشی
- برای برداشتن رنگ از عکس‌ها و تابلوها با قطرهچکان و برنامه‌ریزی سایه‌روشن‌های نرم.
- توسعهٔ سمت کاربر
- برای ساختن مقدارهای رنگی یکدست در سراسر یک پروژه و خواندن آن‌ها از طرحی موجود.
- بررسی دسترس‌پذیری
- برای سنجیدن یک رنگ در مدل‌های گوناگون و تنظیم آن تا نسبت کنتراست از آستانهٔ لازم بگذرد.
چگونه کار می‌کند
- 1
رنگی برگزینید
هرجای میدان اشباع کلیک کنید، سپس با لغزنده‌های فام و شفافیت ریزکاری کنید. HEX، RGB و HSV همراه شما به‌روز میشوند.
- 2
از تصویر بردارید
تصویری را روی صفحه بکشید یا پرونده‌ای برگزینید، سپس روی پیکسل دلخواه کلیک کنید. کدها بی‌درنگ پدیدار میشوند.
- 3
گرادیانی بسازید
برای افزودن ایستگاه روی نوار کلیک کنید و آن را سر جایش بکشید. میان خطی و شعاعی جابه‌جا شوید و زاویه را تعیین کنید.
- 4
رونوشت بگیرید و به کار ببرید
مقدار یا کل اعلان CSS را رونوشت بگیرید. هرچه برمی‌گزینید خودبه‌خود در تاریخچه ذخیره میشود.
پرسش‌های پرتکرار
ابزاری کوچک که سر راه نیست
همه‌چیز به‌عنوان ابزاری درون‌سازمانی آغاز شد: می‌خواستیم رنگی برداریم، اندکی تنظیمش کنیم و پیش برویم، بی‌آنکه نخست نرم‌افزار سنگین طراحی را باز کنیم. عمداً یک صفحه است، عمداً سبک است و رایگان خواهد ماند.
افزونه‌های مرورگر
ترجیح می‌دهید رنگها را مستقیم از صفحه‌هایی که می‌بینید بردارید؟ افزونه‌های Chrome و Edge دکمهٔ قطرهچکان را به نوار ابزار می‌افزایند، تاریخچهٔ خودشان را نگه می‌دارند و این ابزار را با یک کلیک باز می‌کنند.