ما هو مولّد رموز ألوان CSS؟

مولّد كود الألوان CSS الذي يحوّل أي لون إلى كل تنسيق متوافق مع CSS: HEX وRGB وRGBA وHSL وHSLA وألوان CSS المسمّاة. اختر لوناً بصرياً أو أدخل أي تنسيق واحصل على جميع التنسيقات الأخرى فوراً.

كيفية الاستخدام

1. اختر لوناً باستخدام المنتقي البصري أو أدخل قيمة بأي تنسيق مدعوم (HEX أو RGB أو HSL).
2. اطّلع على اللون معروضاً في جميع تنسيقات CSS في آنٍ واحد، مع إمكانية النسخ بنقرة واحدة لكل تنسيق.
3. اضبط الشفافية باستخدام شريط تمرير ألفا للحصول على قيم RGBA وHSLA، ثم انسخ كود CSS الذي تحتاجه.

النتيجة

مطوّر واجهات أمامية يختار برتقالي علامته التجارية #F97316 ويحصل فوراً على rgb(249, 115, 22) وhsl(25, 95%, 53%) وجميع التنسيقات الأخرى لاستخدامها باتساق في جميع أنحاء ورقة الأنماط.

أدوات ذات صلة