10 أداة · 100% in your browser

الألوان والتصميم

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

اللون· 4 أداة

تحويل، فحص التباين والاختيار من الصور.

محول الألوان (HEX/RGB/HSL/OKLCH)

HEX، RGB، HSL و OKLCH الحديث — فوراً.

مدقق التباين (WCAG)

تحقق من تباين WCAG AA / AAA — ناجح أم فاشل.

مكتشف ألوان Tailwind

أقرب فئة Tailwind لأي لون HEX.

منتقي ألوان الصورة ولوحة الألوان

أسقط صورة، استخرج لوحة ألوانها.

مولدات CSS· 4 أداة

التدرجات، الظلال، نصف القطر ومنحنيات التليين.

مولد التدرجات

تدرجات CSS الخطية والشعاعية والمخروطية.

مولد الظل الصندوقي

محرر box-shadow CSS مرئي.

مولد نصف قطر الحدود

محرر border-radius CSS لكل زاوية.

محرر Cubic Bezier

صمم منحنيات التسهيل CSS بصرياً.

التخطيط· 2 أداة

وحدات CSS ونسب العرض إلى الارتفاع.

محول وحدات CSS

حConvert px, rem, em, pt والمزيد.

حاسبة نسبة العرض إلى الارتفاع

احسب النسب وغيّر أبعاد الحجم.