مُحدد الألوان في Morph يسمح لك باختيار أي لون بصريًا وقراءة رمزه فورًا بالصيغ التي تستخدمها فعليًّا: HEX (`#3A7BD5`)، RGB (`rgb(58, 123, 213)`)، و HSL (`hsl(214, 64%, 53%)`). اسحب داخل حقل الألوان لضبط التشبع والسطوع، ثم استخدم شريط التحكم في التدرج اللوني لتعيين اللون الأساسي. انسخ القيمة مباشرة إلى ملف CSS، ملف التصميم، أو أي مكان تحتاجه.
جميع الرموز الثلاثة تصف نفس اللون — فهي مجرد طرق مختلفة لكتابته، وكل منها له وظيفته:
يمكنك تغيير اللون بأي طريقة تريدها، وتبقى جميع الرموز الثلاثة مُزامنة، لذا يمكنك استخراج أي منها يحتاجه مشروعك.
يستخدم المصممونه لتحديد لوحة ألوان دقيقة ونسخ القيم الدقيقة إلى ملف تصميم أو دليل الأسلوب. يستخدم المطورون الأماميونه لاستخراج HEX لزر أو تحويل RGB من المصمم إلى HSL لبناء حالة التحوط. يمكن لأي شخص يعدل قالبًا، لون مخطط، أو قالب بريد إلكتروني الوصول إلى اللون الدقيق ونسخه بنقرة واحدة. وبما أن HSL موجود بجانب HEX، يصبح إنشاء نسخ أفتح وأغمق من لون أساسي أسهل بكثير من محاولة تخمين أرقام HEX.
مُحدد الألوان عبارة عن كود برمجي بحت — تُجرى حسابات الألوان والواجهة على جهازك. لا يوجد رفع، ولا حساب، ولا شيء يتم إرساله إلى الخادم. يُحمّل بسرعة ويعمل دون اتصال بالإنترنت بمجرد فتح الصفحة، لأن اختيار لون وحساب رموزه لا يحتاج أبدًا إلى اتصال بالشبكة.
عند نسخ قيمة HEX، تكون جاهزة للصق في CSS كما هي. إذا كنت بحاجة إلى لون مع شفافية، حول إلى RGB وأضف قناة ألفا (`rgba(...)`) في شفرتك. لبناء لوحة ألوان متناسقة، اختر لونًا أساسيًّا واستخدم قيمة HSL للسطوع لإنشاء تدرجات وألوان مُظللة عن طريق تحريك القيمة إلى أعلى أو أسفل مع الحفاظ على التدرج اللوني والتشبع ثابتين — هذا يحافظ على مجموعة الألوان تبدو كعائلة بدلًا من مجموعة عشوائية.
يعرض HEX، RGB، و HSL لكل لون تختاره، جميعها مزامنة، لذا يمكنك نسخ أي صيغة يحتاجها مشروعك.
يُسهّل HSL تعديل اللون بسلاسة — رفع القيمة للسطوع لإنشاء تدرج، خفضها للظل، أو تغيير التدرج اللوني — دون تخمين أرقام HEX.
اختر لونك، انقل القيم RGB، وأضف قناة ألفا في شفرتك كـ rgba(...) لتعيين مستوى الشفافية المطلوب.
لا. يعمل المحدد تمامًا في متصفحك. لا يوجد رفع ولا شيء يتم إرساله إلى الخادم — حتى يعمل دون اتصال بالإنترنت بعد التحميل.
اختر لونًا أساسيًّا واستخدم قيمته HSL، ثم حرك القيمة للسطوع لأعلى أو لأسفل مع الحفاظ على التدرج اللوني والتشبع ثابتين لإنشاء تدرجات وألوان مُظللة تبدو كمجموعة متناسقة.
افتح مُحدد الألوان - احصل على رموز HEX، RGB، و HSL | Morph ←