محوّل الألوان
لون واحد بكل صيغه: HEX وRGB وHSL وCMYK وOKLCH وأكواد التطبيقات.
- RGB
- HEX
- HSL
- HSV / HSB
- CMYK
- OKLCH
- Flutter
- SwiftUI
- Android XML
أقرب اسم في CSS: royalblue (#4169e1).
درجات اللون نفسه من الفاتح إلى الغامق (OKLCH)
السطوع الحالي في OKLCH 54.6%. اضغط أي درجة لتحويلها.
عن الأداة
الصيغ كلها تصف اللون نفسه بطرق مختلفة. HEX مثل #2563EB هو RGB مكتوبًا بالست عشري: زوجان لكل من الأحمر والأخضر والأزرق من 00 إلى FF. وHSL تصفه بالدرجة (زاوية على دائرة الألوان) والتشبع والإضاءة، فتسهل منها صناعة درجة أفتح أو أغمق بتغيير رقم واحد.
OKLCH صيغة حديثة تدعمها المتصفحات الحالية، ميزتها أن الإضاءة فيها تطابق ما تراه العين: درجتان لهما الإضاءة نفسها في OKLCH تبدوان بالسطوع نفسه، وهذا لا يصدق على HSL حيث يبدو الأصفر أفتح بكثير من الأزرق بالقيمة نفسها. لذلك بُنيت تدرّجات الصفحة عليها.
CMYK هنا تحويل حسابي بسيط، يفيد للتقريب فقط. الطباعة الفعلية تعتمد على ملف ألوان الطابعة والورق (ICC)، فاطلب من المطبعة القيم الصحيحة لألوان هويتك.
أسئلة شائعة
كيف أكتب لونًا شفافًا؟
حرّك شريط الشفافية، فتظهر الصيغة بثمانية أرقام #2563EB80 أو rgb(37 99 235 / 0.5). الرقمان الأخيران في HEX هما الشفافية من 00 إلى FF.
ما الفرق بين HSL وHSV؟
كلاهما يبدأ بالدرجة والتشبع، لكن L في HSL تصل عند 100% إلى الأبيض دائمًا، بينما V في HSV تصل إلى اللون بأقصى سطوعه. برامج التصميم مثل فوتوشوب وفيجما تستخدم HSV (وتسميها HSB).
لماذا يختلف اللون على الشاشة عن المطبوع؟
الشاشة تضيف الضوء (RGB) والطباعة تمتصه بالأحبار (CMYK)، ومدى الألوان الممكن طباعتها أضيق. الألوان الزاهية جدًا خاصة تفقد حيويتها عند الطباعة.