استوديو الألوان

ابنِ لوحات ألوان متناسقة من عجلة ألوان تفاعلية — طبّق قواعد الانسجام مثل التناظر أو التكامل أو الثلاثي، ثم انسخ أي قيمة فوراً.

امزج لوناً أساسياً بلون نهاية عبر ما يصل إلى 10 خطوات — عايِن التدرج واحصل على كل ظل وانسخ أي تنسيق فوراً.

ولّد طيفاً كاملاً من الفاتح والداكن من لون واحد — اختر خطوة التفتيح/التغميق وعدد الظلال، ثم انسخ أي قيمة فوراً.

استخرج لوحة ألوان مُحسَّنة وجاهزة للنسخ من أي صورة.

حوّل الألوان بين HEX وRGB وRGBA وHSL وHSLA وHSV — اختر لوناً وعدّل الشفافية وانسخ أي تنسيق فوراً.

ابحث عن أقرب لون CSS مسمى وأقرب ظل Tailwind لأي لون — مطابقة إدراكية، مع قيم جاهزة للنسخ.

أخذ عيّنة من أي بكسل على شاشتك بقطارة العين، أو اختر ألواناً من صورة مُفلَتة، واجمعها في لوحة جاهزة للنسخ.

استخرج تدرجاً جميلاً من أي صورة — أفلت صورة، اختر مزاجاً، وتصبح الألوان السائدة نقاط توقف قابلة للسحب. انسخ CSS جاهزاً للصق فوراً.

ابنِ تدرجات CSS خطية وشعاعية ومخروطية من الصفر بتحكم متعدد النقاط قابل للسحب وبإعدادات مسبقة منتقاة. انسخ CSS جاهزاً للصق فوراً.

الصق أو استورد مجموعة ألوان وصدّرها فوراً إلى متغيرات CSS وSCSS وإعداد Tailwind وJSON أو عينات SVG — الخطوة الأخيرة لأي لوحة.

تحقق من نسبة تباين WCAG بين لون النص والخلفية — اعرض درجات النجاح/الفشل AA/AAA للنص العادي والكبير ومكونات واجهة المستخدم، مع معاينة مباشرة واقتراحات ألوان يمكن الوصول إليها.

انظر إلى صورتك أو لوحتك كما يراها أصحاب عمى الأحمر أو الأخضر أو الأزرق أو العمى الكامل — يعمل كلياً في متصفحك، لا يُرفع شيء.