استودیو رنگ

پالت‌های رنگی هماهنگ از چرخ رنگ تعاملی بسازید — قوانین هارمونی مثل آنالوگ، مکمل یا سه‌گانه را اعمال کنید و هر مقدار را فوری کپی کنید.

یک رنگ شروع را تا ۱۰ مرحله به رنگ پایانی ترکیب کنید — گرادیان را پیش‌نمایش دهید، هر سایه را بردارید و هر قالب را فوری کپی کنید.

طیف کامل تینت‌ها و سایه‌ها را از یک رنگ تولید کنید — گام روشن‌کردن/تاریک‌کردن و تعداد سایه را انتخاب کنید، سپس هر مقدار را فوری کپی کنید.

یک پالت رنگی صیقلی و آماده کپی از هر تصویری استخراج کنید.

رنگ‌ها را بین HEX، RGB، RGBA، HSL، HSLA و HSV تبدیل کنید — رنگ را انتخاب کنید، آلفا را تنظیم کنید و هر قالب را فوری کپی کنید.

نزدیک‌ترین رنگ نام‌دار CSS و نزدیک‌ترین سایه Tailwind را برای هر رنگ پیدا کنید — به صورت ادراکی تطبیق‌یافته، با مقادیر آماده کپی.

هر پیکسل روی صفحه را با قطره‌چکان نمونه‌برداری کنید، یا رنگ‌ها را از تصویر افتاده انتخاب کنید و در پالت آماده کپی جمع‌آوری کنید.

یک گرادیان زیبا از هر عکسی استخراج کنید — تصویر را بیندازید، حالتی را انتخاب کنید و رنگ‌های غالب به توقف‌های گرادیان کشیدنی تبدیل می‌شوند. CSS آماده چسباندن را فوری کپی کنید.

گرادیان‌های CSS خطی، شعاعی و مخروطی را از ابتدا با کنترل چند توقف کشیدنی و پیش‌تنظیمات منتخب بسازید. CSS آماده چسباندن را فوری کپی کنید.

مجموعه‌ای از رنگ‌ها را بچسبانید یا وارد کنید و فوری به متغیرهای CSS، SCSS، پیکربندی Tailwind، JSON یا نمونه‌های SVG صادر کنید — گام پایانی برای هر پالت.

نسبت تضاد WCAG بین رنگ متن و پس‌زمینه را بررسی کنید — نمرات قبول/رد AA/AAA برای متن عادی، متن بزرگ و اجزای رابط کاربری را با پیش‌نمایش زنده و پیشنهادات رنگ‌های قابل دسترس ببینید.

تصویر یا پالت خود را آنطور که افراد مبتلا به پروتانوپیا، دوترانوپیا، تریتانوپیا یا آکروماتوپسیا می‌بینند مشاهده کنید — کاملاً در مرورگر اجرا می‌شود، هیچ‌چیز آپلود نمی‌شود.