العودة إلى المحول
OmniColors, أدوات ألوان مجانية عبر الإنترنت للمصممين والمطورين
أدوات ألوان احترافية يستخدمها المصممون والمطورون والفنانون حول العالم. أنشئ لوحات ألوان متناغمة، وأنشئ تدرجات CSS، واختر الألوان بقيم HEX/RGB/HSL، وامزج الصبغات، وتحقق من نسب تباين WCAG، واستكشف أكثر من 300 لون مسمى, كلها مجانية، بدون تسجيل.
اختر أداة أدناه للبدء
مولّد لوحات الألوان
صانع تدرجات CSS
منتقي الألوان والمحوّل
مخلّف الألوان والخالط
مدقّق تباين WCAG
قاعدة بيانات أسماء الألوان, أكثر من 300 لون مع HEX، RGB، HSL
ساعة لون HEX
Color Converter
لوحة ألوان من صورة
Interactive Harmony Visualizer
Select a harmony type to see how colors relate on the color wheel.
Ideal for CTA buttons and accent elements.
Select harmony type...
HSL(210, 80%, 55%)
Semantic Color Guide for UI States
A clean mapping of colors to their standard UI states.
| State | Color | HEX | Usage |
|---|---|---|---|
| Success | Green | #22C55E | Form submissions, completed actions, positive confirmations |
| Error | Red | #EF4444 | Validation errors, destructive actions, critical alerts |
| Warning | Amber | #F59E0B | Pending states, caution messages, unsaved changes |
| Info | Blue | #3B82F6 | Helpful tips, general notifications, informational badges |
| Disabled | Gray | #9CA3AF | Inactive buttons, unavailable options, read-only fields |
| Link | Indigo | #6366F1 | Hyperlinks, navigation items, clickable text |
Color Theory & Harmonies Explained
Understanding color harmonies helps designers create visually balanced, aesthetically pleasing interfaces.
Color Psychology in Branding & UI
Colors evoke specific emotional responses and cultural associations.
| Color | Emotional Association | Industry Use Cases |
|---|---|---|
| Blue | Trust, stability, professionalism | Finance, healthcare, SaaS. |
| Red | Urgency, passion, energy | Food delivery, entertainment, sales. |
| Green | Growth, health, nature | Health, wellness, fintech. |
| Purple | Luxury, creativity, wisdom | Premium products, creative tools. |
| Orange | Enthusiasm, warmth, affordability | CTAs, e-commerce, travel. |
| Yellow | Optimism, attention, caution | Warnings, highlights, cheerful brands. |
| Black | Sophistication, luxury, authority | High-end fashion, minimal design. |
| White | Purity, simplicity, cleanliness | Healthcare, minimal design, tech. |
Developer's Cheat Sheet to Color Formats
Choosing the right color format depends on your use case.