🎨 أداة اختيار واستخراج الألوان (Color Picker)

عجلة ألوان تفاعلية للمصممين والمطورين، استخرج أكواد HEX و RGB و HSL و CMYK بنقرة واحدة مع توليد البالتات والتناغم اللوني.

كود HEX
#10b981
كود RGB
rgb(16, 185, 129)
كود HSL
hsl(160, 84%, 39%)
كود CMYK
cmyk(91%, 0%, 30%, 27%)

🌈 التناغم والبالتات المتناسقة (Color Harmonies):

اللون المكمل (Complementary):
التناغم الثلاثي (Triadic):
التدرجات والظلال (Shades & Tints):

👁️ فحص سهولة القراءة والتباين (Contrast WCAG):

نص أبيض على هذه الخلفية
نص أسود على هذه الخلفية

دليلك لاختيار وتنسيق الأكواد اللونية للمصممين والمطورين

اختيار الألوان المتناسقة هو جوهر أي تصميم ناجح لواجهات المستخدم (UI/UX) والمواقع الإلكترونية والهويات البصرية. تقدم لك أداة اختيار الألوان في بسهالة طريقة سهلة لاستعراض عجلة الألوان، وتحويل الألوان فورياً بين أنظمة الطباعة والشاشة، وتوليد لوحات ألوان متكاملة مبنية على نظريات التناغم اللوني الرياضية.

الأنظمة اللونية المدعومة:

  • نظام HEX: الكود السداسي العشري الأكثر استخداماً في كود CSS وتصميم الويب (مثل #10b981).
  • نظام RGB: نظام الألوان الضوئية المعتمد على خلط الأحمر والأخضر والأزرق للشاشات.
  • نظام HSL: النظام الأقرب لفهم العين البشرية، ويعتمد على تدرج اللون (Hue)، والتشبع (Saturation)، والإضاءة (Lightness).
  • نظام CMYK: النظام المخصص لمصممي الجرافيك والطباعة الورقية (السماوي، القرمزي، الأصفر، والأسود).

الأسئلة الأكثر شيوعاً

كيف أختار ألواناً متناسقة لعلامتي التجارية؟
توفر لك الأداة باليتات جاهزة مبنية على "اللون المكمل" أو "التناغم الثلاثي" لضمان توزيع متوازن وجذاب للألوان في مشروعك.

هل تدعم الأداة ميزة قطارة الشاشة (EyeDropper)؟
نعم، في المتصفحات المدعومة (مثل Google Chrome و Edge)، يمكنك تفعيل القطارة بالضغط على زر "قطارة الشاشة" لاقتطاع أي لون من أي صورة أو صفحة مفتوحة.